:root { --rl-accent: #a9d6c5; --rl-muted: #92a09e; }
body { background: radial-gradient(ellipse at 85% 0%, #22363155, transparent 45%), #111917 !important; color: #e7eeeb; }
#page_container { max-width: 1440px; margin: auto; }
#layout-groups, #rl-workspace { max-width: 1320px; margin: 0 auto; width: 100%; }
#layout-groups { gap: 26px 0; padding-bottom: 36px; }
#layout-groups::before { content: none; }
#rl-workspace { padding: 8px 12px 0; }
.rl-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 38px; border-bottom: 1px solid #ffffff12; }
.rl-brand { display: flex; align-items: center; gap: 12px; font-size: 19px; font-weight: 650; letter-spacing: -.5px; color:#edf4ef; }
.rl-brand small { font-size: 9px; font-weight: 500; letter-spacing: 2px; color: #92a59b; margin-left: 8px; }
.rl-logo { display: grid; place-content: center; position:relative; width: 35px; height: 35px; background: #c9e9d6; color: #182c23; border-radius: 10px; font-size: 25px; font-family: Georgia, serif; }
.rl-logo span { position: absolute; right: 4px; bottom: 0; font-size: 17px; }
.rl-private { font-size: 11px; color: #92a59b; }
.rl-hero { display: grid; grid-template-columns: 1.4fr 1fr; gap: 70px; padding: 48px 0 38px; align-items: center; }
.rl-eyebrow { font-size: 10px; letter-spacing: 2.3px; color:#a9c9b9; margin-bottom: 18px; }
.rl-hero h1 { font-size: clamp(25px,3vw,40px); font-weight: 600; letter-spacing: -1.5px; line-height:1.4; color:#eef4ed; }
.rl-hero h1 span { color: #a9d6c5; }
.rl-subtitle { margin-top: 15px; color: #9caea5; font-size: 13px; line-height:1.8; }
.rl-search { display:flex; align-items:center; gap: 13px; border: 1px solid #ffffff1c; background:#ffffff05; border-radius: 10px; margin-top: 29px; padding: 12px 16px; }
.rl-search:focus-within { border-color:#a9d6c5; box-shadow:0 0 0 3px #a9d6c511; }
.rl-search > span { font-size:25px; color:#a9d6c5; line-height:1; }
.rl-search input { background:transparent; border:0; outline:none; box-shadow:none; width:100%; min-width:0; color:#edf4ef; font-size:13px; padding:0; }
.rl-search input::placeholder { color:#7f9389; }
.rl-search kbd { border:1px solid #ffffff20; border-radius:4px; padding:0 6px; color:#8b9e93; font-size:12px; }
.rl-api { padding:24px; border:1px solid #a9d6c52b; border-radius:16px; background:radial-gradient(ellipse at top right,#55795b35,transparent 80%),#1b2721; }
.rl-api-top { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:10px; letter-spacing:1px; color:#bbd6c3; }
.rl-soon { font-size:10px; border:1px solid #c3dbac35; padding:3px 8px; border-radius:20px; color:#c7d6ac; }
.rl-api h2 { font-size:21px; font-weight:500; margin-top:24px; color:#e0eadb; }
.rl-api p { font-size:12px; color:#a2b09d; margin-top:9px; }
.rl-api-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.rl-api-tags span { font-size:10px; color:#b5c2ae; border:1px solid #ffffff10; border-radius:5px; padding:5px 9px; }
.rl-api-note { border-top:1px solid #ffffff10; padding-top:15px; margin-top:21px; font-size:10px; color:#8e9f88; }
.rl-api-note span { float:right; font-size:15px; }
.rl-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:27px; padding-bottom:18px; border-bottom:1px solid #ffffff12; }
.rl-toolbar nav { display:flex; flex-wrap:wrap; gap:6px; }
.rl-toolbar button { padding:8px 14px; border-radius:7px; color:#9fafa5; font-size:12px; transition:background .15s; }
.rl-toolbar button:hover { background:#ffffff09; color:#e2eee7; }
.rl-toolbar button[aria-pressed=true] { background:#c9e9d6; color:#193425; font-weight:600; }
#rl-count { color:#86998d; font-size:11px; white-space:nowrap; }
#rl-empty { padding:40px 0 70px; text-align:center; color:#9fafa5; }
.services-group { padding:0 12px !important; }
.service-group-name { color:#d1dfd6 !important; font-size:14px !important; font-weight:550 !important; letter-spacing:.5px; }
.service-group-name::before { content:''; display:inline-block; width:3px; height:14px; background:#aacbb4; margin:3px 10px 0 0; border-radius:3px; }
.services-list { gap:12px !important; margin-top:14px !important; align-items:stretch !important; }
.service-card { min-height:104px; height:100%; margin:0 !important; padding:13px 14px !important; border:1px solid #ffffff12 !important; border-radius:12px !important; background:#1b2520 !important; box-shadow:none !important; transition:background .18s,border-color .18s,transform .18s !important; }
.service-card:hover { background:#25332a !important; border-color:#a9d6c54d !important; transform:translateY(-2px); }
.service-card:focus-within { outline:2px solid #7dabc7; outline-offset:-3px; }
.service-title-text::before { content:'↗'; display:grid; place-items:center; flex:none; width:38px; height:38px; margin-left:6px; border-radius:10px; background:#c9e9d610; color:#bad7c5; font-size:19px; }
[data-rl-group="0"] .service-title-text::before { content:'⌘'; }
[data-rl-group="1"] .service-title-text::before { content:'Σ'; color:#c0d3e5; background:#8ab6de12; }
[data-rl-group="2"] .service-title-text::before { content:'✦'; color:#d9cbdc; background:#bda3cd12; }
[data-rl-group="3"] .service-title-text::before { content:'⚙'; color:#d9cfaa; background:#d9c68a12; }
.service-name { font-size:14px !important; font-weight:550; color:#e1eae3 !important; padding:2px 10px !important; }
.service-description { margin-top:7px; color:#98a99d !important; font-size:11px !important; font-weight:400 !important; }
[hidden] { display:none !important; }
@media (min-width:1100px) { .services-list { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } }
@media (max-width:760px) { .rl-hero { grid-template-columns:1fr; gap:25px; padding:28px 0; } .rl-top { padding-bottom:20px; } .rl-brand small,.rl-private { display:none; } .rl-toolbar { align-items:flex-start; } .rl-toolbar button { padding:7px 9px; font-size:11px; } .rl-api { padding:20px; } #rl-count { padding-top:8px; } }
@media (prefers-reduced-motion:reduce) { .service-card { transition:none !important; } .service-card:hover { transform:none; } }
#page_wrapper { background:radial-gradient(ellipse at 85% 0%,#29403655,transparent 45%),#111917 !important; }
#inner_wrapper { padding: 0 18px; }
@media (min-width:1100px) {
  [data-rl-group="0"] .services-list, [data-rl-group="1"] .services-list, [data-rl-group="5"] .services-list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  [data-rl-group="4"] .services-list { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:640px) { #inner_wrapper { padding:0 4px; } }
/* Reference palette: mist blue, blush pink and mint on a light canvas. */
:root { --rl-accent:#638ba9; --rl-muted:#65798a; }
body, #page_wrapper { background:radial-gradient(ellipse at 80% 0%,#f7dee54d,transparent 48%),radial-gradient(ellipse at 0% 55%,#d5eee84d,transparent 50%),#f6f8fb !important; color:#31465a; }
#inner_wrapper { padding:0 22px; }
#inner_wrapper > .container { max-width:1440px !important; }
#rl-workspace, #layout-groups { max-width:1400px; }
#rl-workspace { padding-top:0; }
.rl-top { padding-bottom:14px; border-color:#dbe3eb; }
.rl-brand { color:#334e67; font-size:18px; }
.rl-brand small, .rl-private { color:#718496; }
.rl-logo { background:linear-gradient(145deg,#b9d4e7,#efd8e5 60%,#d0e9e1); color:#3c617f; }
.rl-hero { gap:28px; padding:20px 0; grid-template-columns:1.6fr 1fr; }
.rl-eyebrow { margin-bottom:6px; color:#6e8ba5; font-size:9px; letter-spacing:1.8px; }
.rl-hero h1 { color:#354f68; font-size:27px; letter-spacing:-.5px; }
.rl-hero h1 span { color:#91bcb6; }
.rl-subtitle { color:#6d8191; font-size:12px; margin-top:6px; }
.rl-search { background:#ffffffb8; border-color:#d3dfea; padding:9px 12px; margin-top:12px; border-radius:9px; }
.rl-search > span { color:#6c95b1; }
.rl-search input { color:#354f68; }
.rl-search input::placeholder { color:#7b8d9c; }
.rl-search kbd { color:#7a8d9d; border-color:#d7e0e9; }
.rl-search:focus-within { border-color:#86aec9; box-shadow:0 0 0 3px #bdd6e633; }
.rl-api { padding:16px 20px; border:1px solid #d8e1ec; border-radius:12px; background:linear-gradient(120deg,#e2edf6,#f8e5ec 58%,#e0f0e9); }
.rl-api-top { color:#5d7e98; font-size:9px; }
.rl-soon { color:#7d7187; border-color:#ccbacf; padding:2px 7px; }
.rl-api h2 { font-size:18px; color:#536a84; margin-top:10px; }
.rl-api p { color:#738297; font-size:11px; margin-top:5px; }
.rl-api-tags { gap:6px; margin-top:10px; }
.rl-api-tags span { color:#687f92; background:#ffffff70; border-color:#ffffff90; padding:3px 8px; }
.rl-api-note { color:#6c8490; border-color:#b9cbd644; margin-top:10px; padding-top:8px; font-size:10px; }
.rl-toolbar { margin-bottom:16px; padding-bottom:12px; border-color:#dbe3eb; }
.rl-toolbar nav { gap:4px; }
.rl-toolbar button { color:#667d91; padding:7px 12px; }
.rl-toolbar button:hover { color:#3f617b; background:#e5edf5; }
.rl-toolbar button[aria-pressed=true] { background:#dce9f4; color:#3b6486; }
#rl-count, #rl-empty { color:#75899a; }
#layout-groups { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 0; align-items:start; }
.services-group { width:100% !important; min-width:0; padding:0 12px !important; }
.service-group-name { color:#496178 !important; font-size:13px !important; }
.service-group-name::before { background:#9bbad0; height:13px; }
[data-rl-group="2"] .service-group-name::before { background:#d5acbd; }
[data-rl-group="3"] .service-group-name::before { background:#9ac6bb; }
.services-list, [data-rl-group] .services-list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; margin-top:9px !important; }
.service-card { min-height:80px; padding:9px 10px !important; border-color:#dce5ee !important; background:linear-gradient(120deg,#fff,#f3f7fc) !important; border-radius:10px !important; box-shadow:0 2px 6px #617b9710 !important; }
[data-rl-group="2"] .service-card { background:linear-gradient(120deg,#fff,#fcf2f6) !important; border-color:#ecdee5 !important; }
[data-rl-group="3"] .service-card, [data-rl-group="5"] .service-card { background:linear-gradient(120deg,#fff,#f0f8f5) !important; border-color:#dbe9e5 !important; }
.service-card:hover { border-color:#9dbbd1 !important; background:#edf4fa !important; transform:translateY(-1px); box-shadow:0 4px 12px #6d8dab18 !important; }
.service-card:focus-within { outline-color:#7dabc7; }
.service-title-text::before { width:32px; height:32px; margin-left:3px; border-radius:8px; background:#e3edf7; color:#6e94b0; font-size:17px; }
[data-rl-group="0"] .service-title-text::before,[data-rl-group="1"] .service-title-text::before { background:#e0eaf4; color:#678fab; }
[data-rl-group="2"] .service-title-text::before { background:#f5e2eb; color:#b5809b; }
[data-rl-group="3"] .service-title-text::before,[data-rl-group="5"] .service-title-text::before { background:#deeee7; color:#689e91; }
.service-name { color:#3c566e !important; font-size:13px !important; }
.service-description { color:#75899a !important; font-size:11px !important; margin-top:4px; }
@media (max-width:900px) { #layout-groups { grid-template-columns:1fr; } }
@media (max-width:640px) {
 #inner_wrapper { padding:0 5px; }
 .rl-top { padding-bottom:10px; }
 .rl-hero { grid-template-columns:1fr; gap:12px; padding:14px 0; }
 .rl-hero h1 { font-size:23px; }
 .rl-api { padding:12px 15px; }
 .rl-api h2 { margin-top:7px; font-size:16px; }
 .rl-api p, .rl-api-tags { display:none; }
 .rl-api-note { margin-top:7px; }
 .rl-toolbar { gap:8px; margin-bottom:14px; }
 .rl-toolbar button { padding:6px 8px; font-size:11px; }
 .service-card { min-height:82px; padding:8px 5px !important; }
 .service-title-text::before { width:26px; height:28px; font-size:15px; }
 .service-name { padding:2px 5px !important; font-size:12px !important; }
}
.rl-actions { display:flex; align-items:center; gap:16px; }
#rl-theme-toggle { border:1px solid #cad9e5; border-radius:8px; padding:6px 11px; color:#526f87; background:#ffffff80; font-size:12px; white-space:nowrap; }
#rl-theme-toggle:hover { background:#e2edf6; }
#rl-theme-toggle:focus-visible { outline:2px solid #86aec9; outline-offset:3px; }
html[data-rl-theme="dark"] { color-scheme:dark; }
html[data-rl-theme="dark"] body, html[data-rl-theme="dark"] #page_wrapper { background:radial-gradient(ellipse at 85% 0%,#53426425,transparent 48%),radial-gradient(ellipse at 0% 65%,#294e5825,transparent 50%),#161d29 !important; color:#cad6e5; }
[data-rl-theme="dark"] .rl-brand,[data-rl-theme="dark"] .rl-hero h1 { color:#dce7f3; }
[data-rl-theme="dark"] .rl-logo { background:linear-gradient(145deg,#8baec9,#bfa6bb 65%,#96beb6); color:#24384e; }
[data-rl-theme="dark"] .rl-top,[data-rl-theme="dark"] .rl-toolbar { border-color:#344153; }
[data-rl-theme="dark"] .rl-brand small,[data-rl-theme="dark"] .rl-private,[data-rl-theme="dark"] .rl-subtitle,[data-rl-theme="dark"] #rl-count,[data-rl-theme="dark"] #rl-empty { color:#9baec3; }
[data-rl-theme="dark"] .rl-eyebrow { color:#9cb9d3; }
[data-rl-theme="dark"] .rl-search { background:#202b3b; border-color:#405169; }
[data-rl-theme="dark"] .rl-search input { color:#e0eaf4; }
[data-rl-theme="dark"] .rl-search input::placeholder { color:#9aacc0; }
[data-rl-theme="dark"] .rl-search > span { color:#a2c5df; }
[data-rl-theme="dark"] .rl-search kbd { border-color:#46586e; color:#a7bad0; }
[data-rl-theme="dark"] .rl-api { background:linear-gradient(120deg,#283c51,#3d3043 58%,#294441); border-color:#4b5269; }
[data-rl-theme="dark"] .rl-api h2 { color:#d8dfee; }
[data-rl-theme="dark"] .rl-api-top,[data-rl-theme="dark"] .rl-api p,[data-rl-theme="dark"] .rl-api-note { color:#b0c0d0; }
[data-rl-theme="dark"] .rl-soon { color:#d8bdd3; border-color:#80677e; }
[data-rl-theme="dark"] .rl-api-tags span { background:#ffffff08; border-color:#ffffff16; color:#bbcbd9; }
[data-rl-theme="dark"] .rl-api-note { border-color:#ffffff20; }
[data-rl-theme="dark"] .rl-toolbar button { color:#aabbd0; }
[data-rl-theme="dark"] .rl-toolbar button:hover { background:#29394e; color:#dce7f3; }
[data-rl-theme="dark"] .rl-toolbar button[aria-pressed=true] { background:#3d5975; color:#e3effa; }
[data-rl-theme="dark"] .service-group-name { color:#c0d1e3 !important; }
[data-rl-theme="dark"] .service-card { background:linear-gradient(120deg,#222d3c,#243246) !important; border-color:#37495f !important; box-shadow:0 2px 6px #00000012 !important; }
[data-rl-theme="dark"] [data-rl-group="2"] .service-card { background:linear-gradient(120deg,#2b2a39,#362c3e) !important; border-color:#4e3d53 !important; }
[data-rl-theme="dark"] [data-rl-group="3"] .service-card,[data-rl-theme="dark"] [data-rl-group="5"] .service-card { background:linear-gradient(120deg,#233138,#263b3d) !important; border-color:#3b5358 !important; }
[data-rl-theme="dark"] .service-card:hover { border-color:#7e9ebc !important; box-shadow:0 4px 12px #00000022 !important; }
[data-rl-theme="dark"] .service-name { color:#dae5ef !important; }
[data-rl-theme="dark"] .service-description { color:#a4b6c9 !important; }
[data-rl-theme="dark"] .service-title-text::before { background:#344a63; color:#afcde5; }
[data-rl-theme="dark"] [data-rl-group="2"] .service-title-text::before { background:#523c50; color:#dfb7ce; }
[data-rl-theme="dark"] [data-rl-group="3"] .service-title-text::before,[data-rl-theme="dark"] [data-rl-group="5"] .service-title-text::before { background:#35524f; color:#b0d9cb; }
[data-rl-theme="dark"] #rl-theme-toggle { background:#28364a; border-color:#4a5c73; color:#c8dbed; }
[data-rl-theme="dark"] #rl-theme-toggle:hover { background:#354962; }
[data-rl-theme="dark"] #information-widgets { color:#b5c5d8 !important; }
[data-rl-theme="dark"] #information-widgets span { color:#b5c5d8 !important; }
[data-rl-theme="dark"] .service-card { border:1px solid #37495f !important; }
[data-rl-theme="dark"] .service-tags { color:#b5c5d8; }
/* Compact top area: avoid the upstream widget's 36px outer margin. */
#information-widgets { margin:6px 12px 0 !important; min-height:0; }
#information-widgets .information-widget-datetime span { font-size:11px !important; line-height:16px; }
.rl-top { padding-bottom:8px; }
.rl-logo { width:30px; height:30px; font-size:22px; }
.rl-hero { padding:12px 0; gap:24px; align-items:center; }
.rl-eyebrow { display:none; }
.rl-hero h1 { font-size:24px; }
.rl-subtitle { margin-top:4px; }
.rl-search { margin-top:8px; padding:8px 12px; }
.rl-api { padding:12px 16px; }
.rl-api h2 { margin-top:7px; font-size:17px; }
.rl-api-tags { display:none; }
.rl-api-note { margin-top:7px; padding-top:6px; }
.rl-toolbar { padding-bottom:9px; margin-bottom:12px; }
@media(max-width:640px) {
 .rl-hero { gap:9px; padding:10px 0; }
 .rl-hero h1 { font-size:22px; }
 .rl-api { padding:9px 12px; }
 .rl-api h2 { font-size:15px; margin-top:4px; }
 .rl-api-note { margin-top:5px; padding-top:5px; }
}
/* Keep the date in normal header flow, alongside the theme action. */
#information-widgets { display:none !important; }
#rl-workspace { padding-top:12px; }
.rl-top { flex-wrap:wrap; row-gap:8px; }
.rl-actions { flex-wrap:wrap; justify-content:flex-end; gap:8px 16px; }
.rl-date { color:#718496; font-size:11px; white-space:nowrap; }
[data-rl-theme="dark"] .rl-date { color:#9baec3; }
@media(max-width:640px) {
 #rl-workspace { padding-top:10px; }
 .rl-actions { gap:8px; margin-left:auto; }
 .rl-date { font-size:10px; }
}

/* Live EasyTier map in the existing API workspace slot. */
.rl-network { min-width:0; }
.rl-network-map { width:100%; margin-top:2px; }
.rl-network-map svg { display:block; width:100%; height:auto; overflow:visible; }
.rl-network .rl-api-top { letter-spacing:.4px; }
.rl-network .rl-api-top > div { display:flex; align-items:center; gap:5px; }
.rl-network button { border:0; background:transparent; color:inherit; cursor:pointer; font-size:16px; padding:0 3px; }
.rl-network button:focus-visible { outline:2px solid #4aa597; border-radius:4px; }
.rl-network button:disabled { opacity:.4; cursor:wait; }
.rl-network .rl-api-note { font-size:9px; margin-top:4px; padding-top:5px; line-height:1.5; }
.rl-edge { fill:none; stroke-width:1.1; }
.rl-edge.primary { stroke:#42b9a6; }
.rl-edge.backup { stroke:#a9bdd9; stroke-dasharray:4 4; }
.rl-edge.direct { stroke:#d3dfea; }
.rl-node rect { fill:#fff; stroke:#dce5ef; stroke-width:1; }
.rl-node.primary rect { fill:#effbf7; stroke:#8fd8c6; }
.rl-node.backup rect { fill:#f7f9fc; }
.rl-node circle { fill:#20aa8c; }
.rl-node.offline circle { fill:#a4afbc; }
.rl-node-name { fill:#34536e; font-size:8.5px; font-weight:600; }
.rl-node-ip { fill:#8a9fb8; font-size:6.5px; font-family:monospace; }
.rl-node-role { fill:#8095ac; font-size:5.5px; }
.rl-network-legend { display:flex; gap:12px; justify-content:center; color:#8296ad; font-size:8px; }
.rl-network-legend span::before { content:''; display:inline-block; width:12px; border-top:1.5px solid #42b9a6; margin-right:4px; vertical-align:middle; }
.rl-network-legend .backup::before { border-color:#a9bdd9; border-top-style:dashed; }
.rl-network-legend .direct::before { border-color:#d3dfea; }
.rl-network.rl-network-expanded { position:fixed; z-index:1000; top:50%; left:50%; transform:translate(-50%,-50%); width:min(1000px,95vw); padding:22px; box-shadow:0 0 0 100vmax #182a3a88; }
.rl-network-expanded .rl-network-legend { font-size:12px; gap:22px; }
.rl-network-expanded .rl-api-note { font-size:11px; }
[data-rl-theme="dark"] .rl-node rect { fill:#243448; stroke:#526478; }
[data-rl-theme="dark"] .rl-node.primary rect { fill:#24433f; stroke:#589b8d; }
[data-rl-theme="dark"] .rl-node.backup rect { fill:#2c3548; }
[data-rl-theme="dark"] .rl-node-name { fill:#d8e6f3; }
[data-rl-theme="dark"] .rl-node-ip,[data-rl-theme="dark"] .rl-node-role { fill:#a5b9d0; }
[data-rl-theme="dark"] .rl-edge.direct { stroke:#566679; }

/* Compact map: shorter nodes, larger type, less vertical whitespace. */
.rl-network { padding:10px 14px; }
.rl-network-map { margin:7px 0 4px; }
.rl-node-name { font-size:11.5px; font-weight:600; }
.rl-node-ip { font-size:9px; }
.rl-node-role { font-size:6px; paint-order:stroke; stroke:#effbf7; stroke-width:3px; }
.rl-node.backup .rl-node-role { stroke:#f7f9fc; }
.rl-network-legend { font-size:10px; gap:13px; }
.rl-network .rl-api-top { font-size:11px; }
.rl-network .rl-api-note { font-size:10px; margin-top:5px; padding-top:5px; }
[data-rl-theme="dark"] .rl-node-role { stroke:#24433f; }
[data-rl-theme="dark"] .rl-node.backup .rl-node-role { stroke:#2c3548; }
@media(max-width:640px) {
 .rl-network { padding:9px 10px; }
 .rl-network .rl-api-top { font-size:10px; }
 .rl-network-legend { font-size:9px; gap:9px; }
 .rl-network .rl-api-note { font-size:9px; }
}

/* Stable viewport and pixel-sized nodes; new rows scroll, never squeeze. */
.rl-network-map { height:106px; overflow:hidden; }
.rl-network-map svg { width:100%; min-width:0; max-width:100%; margin-inline:auto; }
.rl-network .rl-api-note { height:21px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rl-network .rl-api-top { min-height:24px; }
.rl-network-legend { flex-wrap:nowrap; white-space:nowrap; }
.rl-network-expanded .rl-network-map { height:180px; }
.rl-network-expanded .rl-network-map svg { height:180px !important; }
.rl-node.offline rect { stroke:#e55c66; fill:#fff1f2; }
.rl-node.offline circle { fill:#df4556; }
.rl-node.offline .rl-node-name { fill:#bd3345; }
.rl-edge.disconnected { stroke:#df4556; stroke-dasharray:4 3; }
.rl-network-legend .disconnected::before { border-color:#df4556; border-top-style:dashed; }
.rl-soon.has-offline { color:#bd3345; border-color:#df4556; }
[data-rl-theme="dark"] .rl-node.offline rect { fill:#472a35; stroke:#ee7987; }
[data-rl-theme="dark"] .rl-node.offline .rl-node-name { fill:#ffb4bc; }
[data-rl-theme="dark"] .rl-node.offline circle,[data-rl-theme="dark"] .rl-edge.disconnected { stroke:#ff7b8c; }
@media(max-width:640px) { .rl-network-legend { gap:7px; font-size:8px; } }

#rl-network-more { font-size:9px; color:#557b98; padding:0 2px; white-space:nowrap; }
[data-rl-theme="dark"] #rl-network-more { color:#bbd4ed; }
.rl-network-legend { gap:8px; }
@media(max-width:640px) { .rl-network-legend { gap:5px; font-size:7px; } #rl-network-more { font-size:8px; } }
.rl-network-legend { height:16px; line-height:16px; align-items:center; }
#rl-network-more { height:16px; line-height:16px; }

/* Topbar search and compact live summary beside the unchanged map. */
.rl-top > .rl-search { flex:1; max-width:560px; min-width:160px; margin:0 18px; padding:8px 12px; }
.rl-top .rl-brand,.rl-top .rl-actions { flex-shrink:0; }
.rl-status-module { margin-top:12px; padding:10px 14px; border:1px solid #d8e1ec; border-radius:10px; background:#ffffff90; }
.rl-status-heading { display:flex; align-items:center; justify-content:space-between; font-size:11px; color:#6a8194; }
#rl-summary-health { color:#29947f; font-size:10px; }
#rl-summary-health.is-alert { color:#d14e62; }
.rl-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:7px; }
.rl-status-grid > div { display:flex; flex-direction:column; gap:3px; }
.rl-status-grid strong { font-size:22px; font-weight:600; color:#3c5b75; line-height:1.2; }
.rl-status-grid span { font-size:10px; color:#8194a5; }
#rl-summary-updated { font-size:9px; color:#8194a5; margin-top:7px; }
[data-rl-theme="dark"] .rl-status-module { background:#25344888; border-color:#41546a; }
[data-rl-theme="dark"] .rl-status-heading,[data-rl-theme="dark"] .rl-status-grid span,[data-rl-theme="dark"] #rl-summary-updated { color:#9eb4c9; }
[data-rl-theme="dark"] .rl-status-grid strong { color:#dce7f3; }
[data-rl-theme="dark"] #rl-summary-health { color:#7ed0b8; }
[data-rl-theme="dark"] #rl-summary-health.is-alert { color:#ff97a7; }
@media(max-width:1000px) { .rl-top > .rl-search { order:3; flex-basis:100%; max-width:none; margin:3px 0 0; } }
@media(max-width:640px) { .rl-status-module { padding:9px 11px; margin-top:9px; } .rl-status-grid { gap:6px; } .rl-status-grid strong { font-size:20px; } .rl-status-grid span { font-size:9px; } }

/* Readable status badges without changing card dimensions. */
.service-tags .service-tag, .service-tags .service-tag * { font-size:12px !important; line-height:18px !important; font-weight:600 !important; }
.service-tags { top:5px !important; right:6px !important; }
.service-tags .service-tag { border-radius:5px; }
.service-tags .service-tag > :not(.sr-only) { padding:1px 5px; }
.service-tags .sr-only { padding:0 !important; }
#rl-network-status, #rl-summary-health { font-size:12px; line-height:18px; }
@media(max-width:640px) {
 .service-tags .service-tag, .service-tags .service-tag * { font-size:11px !important; line-height:16px !important; }
 .service-tags { top:3px !important; right:4px !important; }
}
/* Reserve the same status row on every card, including those without a badge. */
.service-card .service-title { padding-top:12px; }

/* Three business summaries with independent freshness and truthful unknowns. */
.rl-business-grid { display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:12px; margin-top:9px; }
.rl-business-block { display:flex; flex-direction:column; gap:7px; min-width:0; padding-right:9px; border-right:1px solid #dce4ec; }
.rl-business-block:last-child { border-right:0; padding-right:0; }
.rl-business-title { font-size:11px; color:#58748e; font-weight:600; }
.rl-business-values { display:flex; justify-content:space-between; gap:6px; }
.rl-business-values > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.rl-business-values strong { font-size:20px; line-height:1.2; color:#3c5b75; font-weight:600; white-space:nowrap; }
.rl-business-block small { font-size:9px; color:#8194a5; line-height:1.4; }
.rl-server-badges { display:flex; flex-wrap:wrap; gap:5px; min-height:39px; align-content:start; }
.rl-server-badges span { padding:3px 5px; border:1px solid #d8e1ec; border-radius:5px; font-size:10px; color:#8194a5; }
.rl-server-badges b { font-weight:500; }
.rl-server-badges .online { color:#238b77; border-color:#7fc8b5; }
.rl-server-badges .offline { color:#ce485d; border-color:#df6d7d; }
#rl-business-health { font-size:11px; color:#718b9d; }
[data-rl-theme="dark"] .rl-business-title,[data-rl-theme="dark"] .rl-business-values strong { color:#dce7f3; }
[data-rl-theme="dark"] .rl-business-block { border-color:#435569; }
[data-rl-theme="dark"] .rl-server-badges .online { color:#7ed0b8; }
[data-rl-theme="dark"] .rl-server-badges .offline { color:#ff97a7; }
@media(max-width:1100px) { .rl-business-grid { gap:8px; } .rl-business-values strong { font-size:17px; } }
@media(max-width:640px) { .rl-business-grid { grid-template-columns:1fr 1fr; } .rl-business-block:first-child { grid-column:1/-1; border-right:0; flex-direction:row; align-items:center; flex-wrap:wrap; gap:6px 10px; border-bottom:1px solid #dce4ec; padding-bottom:7px; } .rl-server-badges { min-height:0; } .rl-business-values strong { font-size:20px; } }
.rl-server-badges .degraded { color:#ba7d24; border-color:#d9ae6d; }

/* Center card text and use a distinct local SVG illustration per destination. */
.service-card .service-title { min-height:62px; align-items:center; }
.service-card .service-title-text { position:relative; min-height:62px; align-items:center; justify-content:center; }
.service-card .service-name { text-align:center !important; width:100%; padding:8px 48px !important; line-height:1.5; }
.service-card .service-description { text-align:center !important; white-space:normal; }
.service-card .service-title-text::before { content:"" !important; position:absolute; left:6px; top:50%; transform:translateY(-50%); margin:0; width:36px; height:36px; border:0; border-radius:0; background:var(--rl-card-icon) center / contain no-repeat !important; }
@media(max-width:640px) {
 .service-card .service-title-text { flex-direction:column; padding-top:37px; }
 .service-card .service-title-text::before { top:2px; left:50%; transform:translateX(-50%); width:30px; height:30px; }
 .service-card .service-name { padding:4px 3px !important; }
}
.service-title-text[href="https://codex.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%2224%22%20rx%3D%225%22/%3E%3Cpath%20d%3D%22m9%2011%205%205-5%205m9%200h5%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://gpt.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M26%205H6a3%203%200%200%200-3%203v13a3%203%200%200%200%203%203h4v5l7-5h9a3%203%200%200%200%203-3V8a3%203%200%200%200-3-3Z%22/%3E%3Cpath%20d%3D%22M9%2012h14M9%2017h10%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://vasp.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%203%2012%207v13l-12%207-12-7V10Zm0%2014L4%2010m12%207%2012-7m-12%207v13M16%203v14%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2217%22%20r%3D%223%22%20fill%3D%22%23c6dfec%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://47.94.252.147:49004/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h9l3%203%203-3h9v22h-9l-3%202-3-2H4Zm12%203v21M8%2011h4m-4%205h4m8-5h4m-4%205h4%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://write.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m7%2024%203-9L23%202l7%207-13%2013-10%202Zm3-9%207%207M20%205l7%207M3%2029h25%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://writer.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%2221%22%20height%3D%2226%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M11%2010h11m-11%206h11m-11%206h7M3%208h6M3%2016h6M3%2024h6%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://photo.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010h6l3-5h8l3%205h6v18H3Z%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2218%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M25%2014h1%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://www.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2014%2013-11%2013%2011M7%2012v17h18V12M13%2029V19h6v10%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://switch.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209h23m-5-5%205%205-5%205M28%2023H5m5-5-5%205%205%205%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://proxy.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%203%2027%207v8c0%207-6%2012-11%2015C11%2027%205%2022%205%2015V7Zm-6%2013%204%204%208-9%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://wbapi.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%208-7%208%207%208m12-16%207%208-7%208M19%204l-6%2024%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://manage.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203v26M16%203v26M25%203v26%22/%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%228%22%20height%3D%226%22%20rx%3D%222%22%20fill%3D%22%23d2e5eb%22/%3E%3Crect%20x%3D%2212%22%20y%3D%2219%22%20width%3D%228%22%20height%3D%226%22%20rx%3D%222%22%20fill%3D%22%23d2e5eb%22/%3E%3Crect%20x%3D%2221%22%20y%3D%226%22%20width%3D%228%22%20height%3D%226%22%20rx%3D%222%22%20fill%3D%22%23d2e5eb%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://dft.researchlife.top/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%227%22%20rx%3D%2211%22%20ry%3D%224%22/%3E%3Cpath%20d%3D%22M5%207v18c0%206%2022%206%2022%200V7M5%2016c0%206%2022%206%2022%200%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://47.94.252.147/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2226%22%20height%3D%2211%22%20rx%3D%223%22/%3E%3Crect%20x%3D%223%22%20y%3D%2218%22%20width%3D%2226%22%20height%3D%2211%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M8%208h1m5%200h10M8%2023h1m5%200h10%22/%3E%3C/svg%3E"); }
.service-title-text:is([href="https://47.94.252.147:49002/"],[href="https://47.122.110.134:49002/"],[href="https://385.researchlife.top/"]) { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2023H7a6%206%200%200%201-1-12%2010%2010%200%200%201%2019-2%207%207%200%200%201%200%2014h-3M16%2028V15m-5%205%205-5%205%205%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://47.94.252.147:49003/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%227%22%20r%3D%224%22/%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2225%22%20r%3D%224%22/%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2225%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22m14%2011-6%2010m10-10%206%2010M10%2025h12%22/%3E%3C/svg%3E"); }
.service-title-text[href="https://10.144.144.1/"] { --rl-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2383a9c4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22/%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2216%22%20rx%3D%225%22%20ry%3D%2212%22/%3E%3Cpath%20d%3D%22M4%2016h24M7%208h18M7%2024h18%22/%3E%3C/svg%3E"); }
/* The card supplies the focus indicator for its main link. */
.service-card .service-title-text:focus { outline:none; }
/* Entry reachability and container state are different observations. */
.service-site-monitor { display:none !important; }
.rl-entry-status { position:absolute; top:5px; left:9px; z-index:10; font-size:10px; line-height:18px; padding:0 5px; border-radius:4px; background:#e9eef5; color:#647a90; }
.rl-entry-status[data-status="reachable"] { background:#e0f2eb; color:#267b65; }
.rl-entry-status[data-status="auth_required"] { background:#e5edf8; color:#496d99; }
.rl-entry-status[data-status="timeout"],.rl-entry-status[data-status="http_error"],.rl-entry-status[data-status="tls_error"],.rl-entry-status[data-status="dns_error"],.rl-entry-status[data-status="connection_error"] { background:#fff0d9; color:#95651e; }
.service-container-stats .docker-status > div::before { content:'容器 · '; }
[data-rl-theme="dark"] .rl-entry-status { background:#243345; color:#b5c5d8; }
[data-rl-theme="dark"] .rl-entry-status[data-status="reachable"] { background:#1c3e36; color:#8bd3be; }
[data-rl-theme="dark"] .rl-entry-status[data-status="auth_required"] { background:#2a3c55; color:#afc9ee; }
[data-rl-theme="dark"] .rl-entry-status:is([data-status="timeout"],[data-status="http_error"],[data-status="tls_error"],[data-status="dns_error"],[data-status="connection_error"]) { background:#493e2b; color:#e5c58e; }
@media(max-width:640px) { .rl-entry-status { top:3px; left:5px; font-size:9px; line-height:16px; } .service-tags .service-tag,.service-tags .service-tag * { font-size:9px !important; } }
/* On narrow cards, reserve separate rows for entry timing and container state. */
@media(max-width:640px) {
 .service-tags { top:21px !important; }
 .service-card .service-title { padding-top:30px; }
}

/* 2026-10-21 usability refinement: calmer status, sticky search, readable mobile map. */
.rl-top {
  position:sticky;
  top:0;
  z-index:30;
  padding-top:10px;
  background:#f6f8fbec;
  border-bottom-color:#d5e0e9;
  backdrop-filter:blur(14px) saturate(1.15);
}
.rl-hero { grid-template-columns:minmax(0,1.55fr) minmax(390px,1fr); gap:24px; }
.rl-hero h1 { text-wrap:balance; }
.rl-subtitle { max-width:620px; }
.rl-search { box-shadow:0 4px 18px #456b8710; }
.rl-status-module {
  border-color:#d7e1ea;
  background:linear-gradient(135deg,#ffffffd9,#f4f8fbd9);
  box-shadow:0 7px 24px #456b870d;
}
.rl-status-heading > span:first-child { display:inline-flex; align-items:center; gap:7px; }
.rl-status-heading > span:first-child::before { content:''; width:7px; height:7px; border-radius:50%; background:#68b39f; box-shadow:0 0 0 3px #68b39f18; }
#rl-business-health { display:inline-flex; align-items:center; gap:5px; color:#51788f; }
.rl-business-block { border-radius:7px; transition:background .16s ease; }
.rl-business-block:hover { background:#ffffff75; }
.rl-entry-status {
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#71889a !important;
  font-size:9px !important;
  font-weight:550 !important;
  letter-spacing:.15px;
}
.rl-entry-status::before { content:''; width:6px; height:6px; border-radius:50%; background:#a2b2bf; }
.rl-entry-status[data-status="reachable"] { color:#237c69 !important; }
.rl-entry-status[data-status="reachable"]::before { background:#36a98b; }
.rl-entry-status[data-status="auth_required"] { color:#4d70a0 !important; }
.rl-entry-status[data-status="auth_required"]::before { background:#6f92c2; }
.rl-entry-status:is([data-status="timeout"],[data-status="http_error"],[data-status="tls_error"],[data-status="dns_error"],[data-status="connection_error"],[data-status="stale"]) { color:#986a2c !important; }
.rl-entry-status:is([data-status="timeout"],[data-status="http_error"],[data-status="tls_error"],[data-status="dns_error"],[data-status="connection_error"],[data-status="stale"])::before { background:#d3a04f; }
.service-card { transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease !important; }
.rl-network-map[data-layout="wide"] { height:106px; }
.rl-network-map[data-layout="compact"] { height:96px; }
.rl-network-map svg { max-height:100%; }
[data-rl-theme="dark"] .rl-top { background:#161d29e8; border-bottom-color:#344153; }
[data-rl-theme="dark"] .rl-status-module { background:linear-gradient(135deg,#202c3cdd,#263344dd); border-color:#3d5066; }
[data-rl-theme="dark"] .rl-business-block:hover { background:#ffffff08; }
[data-rl-theme="dark"] #rl-business-health { color:#a8bfd4; }
[data-rl-theme="dark"] .rl-entry-status { color:#aabdd1 !important; }
[data-rl-theme="dark"] .rl-entry-status[data-status="reachable"] { color:#8bd3be !important; }
[data-rl-theme="dark"] .rl-entry-status[data-status="auth_required"] { color:#b4cdf0 !important; }
[data-rl-theme="dark"] .rl-entry-status:is([data-status="timeout"],[data-status="http_error"],[data-status="tls_error"],[data-status="dns_error"],[data-status="connection_error"],[data-status="stale"]) { color:#e5c58e !important; }
@media(max-width:900px) {
  .rl-hero { grid-template-columns:1fr; }
}
@media(max-width:640px) {
  .rl-top { padding-top:8px; }
  .rl-hero { gap:10px; }
  .rl-subtitle { max-width:36em; }
  .rl-status-module { box-shadow:none; }
  .rl-network-map[data-layout="compact"] { height:96px; }
  .rl-entry-status { top:4px !important; left:6px; font-size:9px !important; }
}
@media(prefers-reduced-motion:reduce) {
  .rl-top,.rl-business-block,.service-card { transition:none !important; backdrop-filter:none; }
}

/* Regulatory filing links required on the public homepage. */
.rl-beian-footer {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 22px;
  width:100%;
  margin:22px 0 26px;
  padding:18px 16px 0;
  border-top:1px solid #dbe3eb;
  color:#718496;
  font-size:12px;
  line-height:20px;
}
.rl-beian-link {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#657b8f;
  text-decoration:none;
  white-space:nowrap;
}
.rl-beian-link:hover { color:#315f82; text-decoration:underline; }
.rl-beian-link:focus-visible { outline:2px solid #86aec9; outline-offset:3px; border-radius:3px; }
.rl-beian-police img { width:16px; height:16px; object-fit:contain; display:block; }
[data-rl-theme="dark"] .rl-beian-footer { border-color:#344153; color:#9baec3; }
[data-rl-theme="dark"] .rl-beian-link { color:#aec1d4; }
[data-rl-theme="dark"] .rl-beian-link:hover { color:#dce9f7; }
@media(max-width:640px) {
  .rl-beian-footer { gap:7px 14px; margin:16px 0 20px; padding:14px 8px 0; font-size:11px; }
}