:root {
  color-scheme: dark;
  --bg:#091322; --bg-deep:#070f1c; --panel:#101e30; --panel-hover:#14263b;
  --panel-soft:#0d1929; --border:#25384e; --line:#1c2b40;
  --text:#edf4fc; --muted:#a1b3c9; --subtle:#8095af;
  --cyan:#55e2df; --cyan-dark:#152f3b; --green:#80dfb0; --amber:#f0c477;
  --red:#ff9caa; --radius:20px; --shadow:0 20px 60px #00000020;
  font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-synthesis:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
}
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-size:15px; line-height:1.65; }
body::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:700px; pointer-events:none; background:radial-gradient(ellipse at 82% 5%,#134b543b,transparent 45%),radial-gradient(ellipse at 0% 0%,#1d3b6530,transparent 40%); }
a { color:var(--cyan); text-decoration:none; }
a:hover { color:#a0fffb; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.55; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
a:focus-visible { border-radius:4px; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { line-height:1.25; letter-spacing:-.025em; }
h1 { font-size:clamp(30px,4vw,46px); margin-bottom:18px; font-weight:750; }
h2 { font-size:24px; font-weight:700; margin-bottom:14px; }
h3 { font-size:17px; margin-bottom:9px; }
p { margin-bottom:16px; }
small { font-size:12px; }
code { font:12px ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.skip-link { position:fixed; top:10px; left:14px; z-index:100; padding:10px 18px; background:var(--cyan); color:var(--bg); border-radius:8px; transform:translateY(-180%); }
.skip-link:focus { transform:translateY(0); }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:#091322ee; backdrop-filter:blur(16px); }
.header-inner { max-width:1200px; min-height:88px; padding:16px 28px; margin:auto; display:flex; align-items:center; gap:30px; }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); flex-shrink:0; }
.brand-mark { height:42px; width:48px; display:grid; place-content:center; grid-auto-flow:column; font-weight:800; letter-spacing:-3px; padding-right:3px; color:var(--cyan); border:1px solid #3e7b88; border-radius:13px; background:linear-gradient(145deg,#193e4b,#102234); font-size:19px; }
.brand-mark span { color:#d8ffff; margin:0 3px; }
.brand-copy { display:flex; flex-direction:column; line-height:1.3; }
.brand-copy strong { font-size:16px; letter-spacing:.03em; }
.brand-copy small { color:var(--subtle); margin-top:4px; font-size:10px; letter-spacing:.13em; }
.main-nav { display:flex; align-items:center; gap:6px; margin:auto; }
.main-nav a { color:var(--muted); padding:9px 13px; border-radius:8px; white-space:nowrap; font-size:14px; }
.main-nav a:hover,.main-nav a[aria-current="page"] { color:var(--text); background:#16283a; }
.main-nav a[aria-current="page"] { box-shadow:inset 0 -2px var(--cyan); }
.session-controls { display:flex; align-items:center; gap:10px; }
.session-user { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:13px; }
.menu-toggle { display:none; }
#main-content { min-height:calc(100vh - 270px); }
.page { max-width:1200px; padding:44px 28px 72px; margin:auto; animation:reveal .2s ease-out; }
.page.narrow { max-width:1040px; }
.eyebrow { display:block; color:var(--cyan); font-size:11px; font-weight:750; letter-spacing:.17em; text-transform:uppercase; margin-bottom:14px; }
.hero { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; padding:44px 0 58px; }
.hero h1 { font-size:clamp(37px,4.6vw,60px); line-height:1.2; max-width:620px; letter-spacing:-.045em; }
.hero .accent { color:var(--cyan); }
.hero-description { color:var(--muted); max-width:530px; font-size:16px; line-height:1.9; margin:24px 0 30px; }
.hero-kicker { display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border:1px solid #2c5866; border-radius:6px; background:#14323f80; color:#b1f3ef; font-size:12px; margin-bottom:24px; }
.dot { width:6px; height:6px; border-radius:50%; background:var(--cyan); display:inline-block; }
.actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.hero-note { font-size:12px; color:var(--subtle); margin:18px 0 0; }
.button { min-height:43px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:10px; padding:10px 18px; border:1px solid transparent; background:var(--cyan); color:#06212b; font-size:14px; font-weight:700; line-height:1.4; text-align:center; transition:background .16s,border-color .16s,transform .16s; text-decoration:none; }
.button:hover { color:#031b22; background:#80f0eb; transform:translateY(-1px); }
.button.secondary { color:var(--text); border-color:#3a5069; background:#152438; }
.button.secondary:hover { background:#1d3048; border-color:#52738e; }
.button.ghost { background:transparent; color:var(--muted); border-color:var(--border); }
.button.ghost:hover { color:var(--text); background:#152438; }
.button.danger { background:#422332; color:#ffc6ce; border-color:#6b3749; }
.button.danger:hover { background:#5a293b; }
.button.small { min-height:34px; padding:7px 12px; font-size:12px; border-radius:8px; }
.button.full { width:100%; }
.button[aria-busy="true"]::before { content:""; width:14px; height:14px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:spin .7s linear infinite; }
.icon-button { border:1px solid var(--border); border-radius:8px; color:var(--text); background:var(--panel); width:40px; height:40px; }
.hero-panel { border:1px solid #33566a; border-radius:24px; padding:26px; background:linear-gradient(145deg,#173246d9,#101c2ff2 65%); box-shadow:var(--shadow); position:relative; }
.hero-panel::before { content:""; position:absolute; top:28px; right:26px; width:54px; height:54px; border-radius:50%; border:1px solid #3e687f; background:radial-gradient(circle,#55e2df20,transparent 70%); }
.panel-heading { border-bottom:1px solid #31475c; padding-bottom:18px; margin-bottom:8px; }
.panel-heading h2 { font-size:19px; margin:0; }
.panel-heading small { display:block; color:var(--subtle); margin-top:6px; }
.workflow-step { display:grid; grid-template-columns:36px 1fr; gap:15px; padding:20px 0; align-items:start; }
.workflow-step + .workflow-step { border-top:1px solid #25394f; }
.step-number { display:grid; place-items:center; width:34px; height:34px; color:var(--cyan); background:#1d3e4e; border:1px solid #30596a; border-radius:10px; font:600 12px ui-monospace,monospace; }
.workflow-step h3 { font-size:15px; margin:2px 0 5px; }
.workflow-step p { color:var(--muted); font-size:13px; margin:0; line-height:1.7; }
.section-head { display:flex; justify-content:space-between; gap:20px; align-items:end; margin:18px 0 24px; }
.section-head p { color:var(--muted); font-size:14px; margin-bottom:0; }
.section-head h2 { margin-bottom:8px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.feature { border:1px solid var(--border); background:#101d2f; border-radius:var(--radius); padding:25px; }
.feature-index { display:block; color:#5e8499; font:11px ui-monospace,monospace; letter-spacing:.15em; margin-bottom:23px; }
.feature h3 { font-size:18px; }
.feature p { color:var(--muted); font-size:13px; margin:0; }
.info-strip { display:flex; gap:22px; justify-content:space-between; align-items:center; padding:24px 28px; border:1px solid var(--border); border-radius:var(--radius); background:var(--panel-soft); margin-top:24px; }
.info-strip p { color:var(--muted); font-size:13px; margin:5px 0 0; }
.info-strip strong { font-size:15px; }
.page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:28px; }
.page-heading h1 { font-size:34px; margin-bottom:10px; }
.page-heading p { margin:0; color:var(--muted); font-size:14px; }
.breadcrumb { color:var(--subtle); font-size:12px; margin-bottom:16px; }
.auth-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; padding-top:24px; }
.auth-aside { padding-top:28px; }
.auth-aside h1 { max-width:420px; line-height:1.3; }
.auth-aside p { color:var(--muted); line-height:1.9; }
.quiet-list { margin:28px 0 0; padding:0; list-style:none; }
.quiet-list li { display:flex; align-items:flex-start; gap:12px; color:var(--muted); font-size:13px; padding:11px 0; }
.quiet-list li::before { content:""; width:6px; height:6px; margin-top:8px; background:var(--cyan); border-radius:2px; flex-shrink:0; }
.card { border:1px solid var(--border); background:var(--panel); border-radius:var(--radius); padding:26px; box-shadow:0 6px 25px #0000000c; min-width:0; }
.card-header { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.card-header h2 { font-size:19px; margin:0; }
.card-header p { color:var(--muted); font-size:13px; margin:7px 0 0; }
.card-subtitle { color:var(--muted); font-size:13px; }
.field { display:flex; flex-direction:column; margin-bottom:18px; min-width:0; }
.field label { font-size:13px; font-weight:650; margin-bottom:7px; }
.required-marker { color:var(--cyan); padding-left:4px; }
.field input,.field select,.field textarea { width:100%; border:1px solid #354b64; background:#0b1727; color:var(--text); border-radius:9px; padding:11px 12px; line-height:1.5; min-height:46px; transition:border-color .15s; }
.field input::placeholder,.field textarea::placeholder { color:#6e849d; }
.field input:hover,.field select:hover,.field textarea:hover { border-color:#4e6883; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--cyan); outline:2px solid #55e2df20; outline-offset:0; }
.field input[aria-invalid="true"] { border-color:var(--red); }
.field input:disabled { color:var(--subtle); background:#111b29; }
.field small { color:var(--subtle); margin-top:6px; line-height:1.6; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.form-status { margin:0 0 16px; border-radius:9px; padding:11px 13px; font-size:13px; color:var(--muted); background:#17283b; border:1px solid #2d4258; }
.form-status:empty { display:none; }
.form-status.error { color:#ffd0d7; background:#3c202d; border-color:#654051; }
.form-status.success { color:#bbf2d2; background:#18382e; border-color:#315c4b; }
.form-note { font-size:12px; color:var(--subtle); margin:16px 0 0; }
.auth-switch { border-top:1px solid var(--border); padding-top:20px; margin:24px 0 0; color:var(--muted); font-size:13px; text-align:center; }
.dashboard-grid { display:grid; grid-template-columns:1.25fr .85fr; gap:20px; align-items:start; }
.stack { display:flex; flex-direction:column; gap:20px; }
.license-card { background:linear-gradient(125deg,#173346,#122036); border-color:#335468; }
.license-title { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.license-title h2 { font-size:23px; margin:0; }
.badge { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; border:1px solid #3e5068; background:#1a2b40; color:#b7c7d9; padding:4px 9px; border-radius:6px; font-size:11px; font-weight:650; line-height:1.4; }
.badge.good { color:#b1f3cd; background:#163e33; border-color:#35634e; }
.badge.warn { color:#f3d393; background:#3b3220; border-color:#635334; }
.badge.bad { color:#ffc1cb; background:#422332; border-color:#683e4e; }
.badge.cyan { color:#b5f7f3; background:#173c48; border-color:#32616d; }
.data-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.data-item dt { color:var(--muted); font-size:12px; margin-bottom:5px; }
.data-item dd { margin:0; font-size:17px; font-weight:600; overflow-wrap:anywhere; }
.data-item dd.small-value { font-size:14px; }
.license-footnote { color:var(--muted); font-size:12px; border-top:1px solid #315064; margin:23px 0 0; padding-top:16px; }
.device-list { display:flex; flex-direction:column; gap:12px; }
.device-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px; border:1px solid #2a3d55; border-radius:12px; background:#0e1b2c; }
.device-copy { min-width:0; }
.device-copy strong { display:block; font-size:14px; overflow-wrap:anywhere; }
.device-copy code { display:block; color:var(--subtle); font-size:10px; margin:3px 0; }
.device-copy p { color:var(--subtle); font-size:11px; margin:3px 0 0; }
.device-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.empty-state { text-align:center; padding:30px 20px; color:var(--muted); border:1px dashed #345069; border-radius:12px; background:#0d1a2b; }
.empty-state strong { display:block; color:var(--text); margin-bottom:7px; font-size:15px; }
.empty-state p { margin:0; font-size:13px; }
.notice { padding:14px 16px; border-radius:11px; background:#122f3c; border:1px solid #2b5362; color:#bfd7e3; font-size:13px; line-height:1.8; }
.notice.warn { background:#332c20; border-color:#554a34; color:#dbc8a6; }
.notice p:last-child { margin:0; }
.step-list { list-style:none; padding:0; margin:20px 0 0; counter-reset:step; }
.step-list li { counter-increment:step; padding:0 0 20px 35px; position:relative; color:var(--muted); font-size:13px; }
.step-list li:last-child { padding-bottom:0; }
.step-list li::before { content:counter(step); position:absolute; left:0; top:0; width:23px; height:23px; border-radius:7px; display:grid; place-items:center; background:#203b50; color:var(--cyan); font-size:11px; font-weight:700; }
.update-card { position:relative; overflow:hidden; }
.update-top { display:flex; justify-content:space-between; align-items:start; gap:18px; }
.version-number { font-size:36px; font-weight:750; letter-spacing:-.05em; overflow-wrap:anywhere; line-height:1.2; margin:18px 0 8px; }
.release-notes { white-space:pre-wrap; overflow-wrap:anywhere; color:#bacadc; font-size:14px; padding:20px 0; margin:15px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.update-details { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.update-details dt { color:var(--subtle); font-size:11px; }
.update-details dd { margin:5px 0 0; font-size:13px; overflow-wrap:anywhere; }
.admin-layout { display:grid; grid-template-columns:182px 1fr; gap:24px; align-items:start; }
.admin-menu { display:flex; flex-direction:column; gap:6px; position:sticky; top:115px; border:1px solid var(--border); border-radius:15px; padding:10px; background:var(--panel-soft); }
.admin-menu a { display:flex; align-items:center; gap:11px; padding:12px 14px; border-radius:9px; color:var(--muted); font-size:13px; }
.admin-menu a[aria-current="page"] { background:#193848; color:var(--cyan); }
.admin-menu a:hover { background:#172b40; color:var(--text); }
.menu-symbol { font:12px ui-monospace,monospace; color:var(--subtle); }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:20px; }
.stat-card { padding:22px; border:1px solid var(--border); border-radius:15px; background:var(--panel); }
.stat-card .value { display:block; font-size:30px; line-height:1.3; letter-spacing:-.03em; font-weight:700; margin-top:9px; }
.stat-card .label { color:var(--muted); font-size:12px; }
.table-wrap { overflow:auto; border:1px solid var(--border); border-radius:13px; margin-top:18px; }
table { width:100%; border-collapse:collapse; text-align:left; white-space:nowrap; font-size:12px; }
caption { text-align:left; padding:0 0 12px; color:var(--muted); }
th { color:var(--muted); background:#102033; font-weight:550; padding:12px 16px; border-bottom:1px solid var(--border); }
td { padding:14px 16px; border-bottom:1px solid var(--line); vertical-align:middle; }
tr:last-child td { border-bottom:0; }
tr:hover td { background:#15273a; }
.table-main { font-weight:650; color:var(--text); }
.table-sub { display:block; font-size:10px; color:var(--subtle); margin-top:3px; }
.table-actions { display:flex; gap:7px; align-items:center; }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; font-size:12px; color:var(--muted); }
.pagination .actions { gap:8px; }
.user-detail { padding:15px; background:#0d1928; margin-top:10px; border-radius:10px; }
.user-detail summary { cursor:pointer; color:var(--muted); font-size:12px; }
.code-disclosure { border:1px solid #397877; background:#122e37; border-radius:16px; padding:22px; margin-top:20px; }
.code-disclosure h3 { color:#bdffef; }
.code-disclosure p { color:#badbdc; font-size:13px; }
.code-area { width:100%; min-height:105px; max-height:300px; resize:vertical; color:#ddfffa; background:#0a1c27; border:1px solid #3a616d; border-radius:9px; padding:13px; font:13px/1.8 ui-monospace,Consolas,monospace; margin-bottom:12px; }
.release-list { display:flex; flex-direction:column; gap:15px; }
.admin-release { padding:22px; border:1px solid var(--border); border-radius:13px; background:#0d1b2d; }
.admin-release h3 { margin:0; font-size:20px; }
.admin-release .release-notes { font-size:12px; padding:12px 0; margin:12px 0; }
.page-error { max-width:620px; margin:45px auto; text-align:center; padding:35px; }
.page-error p { color:var(--muted); }
.page-error .actions { justify-content:center; margin-top:24px; }
.loading-block { min-height:250px; border:1px solid var(--border); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; gap:13px; color:var(--muted); background:var(--panel-soft); }
.initial-loading { padding:120px 25px; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--muted); }
.spinner { display:inline-block; width:18px; height:18px; border:2px solid #345164; border-right-color:var(--cyan); border-radius:50%; animation:spin .7s linear infinite; }
.site-footer { max-width:1144px; margin:0 auto; border-top:1px solid var(--line); padding:26px 0 30px; display:flex; align-items:center; flex-wrap:wrap; gap:12px 30px; font-size:12px; color:var(--subtle); }
.site-footer > div { display:flex; gap:15px; align-items:center; margin-right:auto; }
.footer-brand { color:var(--muted); font-weight:650; }
.site-footer p { margin:0; }
.footer-note { width:100%; font-size:11px; opacity:.9; }
.toast-region { position:fixed; bottom:25px; left:50%; transform:translateX(-50%); z-index:100; pointer-events:none; max-width:calc(100% - 30px); }
.toast { padding:13px 21px; border:1px solid #47717b; background:#183446; border-radius:12px; box-shadow:0 12px 50px #0007; color:var(--text); font-size:13px; }
.confirm-dialog { width:min(460px,calc(100vw - 35px)); border:1px solid #3e566f; background:#142337; color:var(--text); border-radius:20px; padding:30px; box-shadow:0 30px 100px #0008; }
.confirm-dialog::backdrop { background:#020913c9; backdrop-filter:blur(3px); }
.confirm-dialog p { color:var(--muted); font-size:14px; line-height:1.8; }
.dialog-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:27px; }
.noscript-message { margin:30px; padding:25px; border:1px solid var(--amber); color:var(--amber); }
.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes reveal { from { opacity:.35; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1050px) {
 .header-inner { gap:18px; padding-inline:22px; } .main-nav a { padding:8px 9px; } .hero { gap:35px; }
 .site-footer { margin-inline:28px; } .session-user { display:none; }
}
@media (max-width:800px) {
 .header-inner { flex-wrap:wrap; min-height:76px; gap:14px; padding:15px 22px; } .brand { margin-right:auto; }
 .menu-toggle { display:inline-grid; place-items:center; order:3; } .session-controls { order:2; } .main-nav { order:4; flex-basis:100%; margin:0; display:none; gap:5px; padding-top:3px; }
 .main-nav.open { display:flex; } .main-nav a { flex:1; text-align:center; font-size:12px; padding:10px 5px; }
 .page { padding:30px 22px 52px; } .hero { grid-template-columns:1fr; gap:35px; padding:20px 0 38px; } .hero h1 { max-width:650px; } .hero-description { max-width:650px; }
 .hero-panel { max-width:650px; } .feature-grid { gap:11px; } .feature { padding:20px; }
 .auth-layout { gap:30px; grid-template-columns:1fr; max-width:560px; margin:auto; padding-top:0; } .auth-aside { padding-top:0; } .auth-aside h1 { font-size:32px; max-width:560px; } .quiet-list { display:none; }
 .dashboard-grid { grid-template-columns:1fr; } .admin-layout { grid-template-columns:1fr; gap:18px; } .admin-menu { position:static; flex-direction:row; overflow-x:auto; padding:6px; gap:4px; } .admin-menu a { flex:1; justify-content:center; white-space:nowrap; padding:10px; } .menu-symbol { display:none; }
 .page-heading h1 { font-size:30px; } .site-footer { margin-inline:22px; } .data-grid { gap:20px; }
}
@media (max-width:520px) {
 .brand-copy small { display:none; } .brand-mark { width:39px; height:37px; font-size:16px; } .brand-copy strong { font-size:14px; }
 .header-inner { gap:10px; padding-inline:17px; } .session-controls .button { padding:7px 10px; font-size:12px; min-height:36px; } .menu-toggle { width:35px; height:36px; } .session-controls { gap:6px; }
 .page { padding-inline:17px; } .hero h1 { font-size:38px; } .hero-description { font-size:14px; } .hero-panel { padding:22px; }
 .feature-grid { grid-template-columns:1fr; } .feature { padding:22px; } .feature-index { margin-bottom:10px; }
 .info-strip { flex-direction:column; align-items:start; padding:22px; gap:16px; }
 .card { padding:21px; } .page-heading { align-items:start; } .page-heading h1 { font-size:28px; } .page-heading .actions { flex-shrink:0; } .page-heading p { font-size:13px; }
 .data-grid { grid-template-columns:1fr 1fr; gap:19px; } .data-item dd { font-size:15px; }
 .device-row { align-items:start; flex-direction:column; gap:12px; padding:15px; } .device-actions { align-self:flex-end; } .form-grid { grid-template-columns:1fr; gap:0; }
 .stats-grid { grid-template-columns:repeat(2,1fr); gap:10px; } .stat-card { padding:18px; } .stat-card .value { font-size:26px; }
 .update-details { grid-template-columns:1fr 1fr; } .admin-menu a { font-size:12px; padding:10px 8px; } .version-number { font-size:31px; }
 .site-footer { margin-inline:17px; gap:14px; } .site-footer > div { width:100%; flex-wrap:wrap; gap:8px 15px; }
 .section-head { display:block; } .pagination { align-items:start; flex-direction:column; } .pagination .actions { width:100%; justify-content:space-between; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; }
}
.top-gap { margin-top:20px; }
.checkbox-field { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--muted); margin:0 0 20px; }
.checkbox-field input { accent-color:var(--cyan); width:17px; height:17px; }
.device-actions { flex-wrap:wrap; justify-content:flex-end; }
.device-copy .button { margin-top:6px; }