/* Palett delad med test.html (ljust tema, blå accent) */
  :root { --accent:#2563eb; --accent-d:#1d4ed8; --navy:#1e40af; --line:#ddd;
          --ok:#16a34a; --bad:#dc2626; --warn:#d97706; --muted:#888; }
  *, *::before, *::after { box-sizing: border-box; }
  body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
         color:#111; background:#ffffff; line-height:1.5; }
  header { background:#f5f5f7; color:#111; border-bottom:1px solid var(--line); padding:1.4rem 1rem; }
  header .wrap { max-width:860px; margin:0 auto; position:relative; }
  header h1 { margin:0 0 .2rem; font-size:1.5rem; }
  header p { margin:0; color:#666; font-size:.95rem; }
  main { max-width:860px; margin:0 auto; padding:1rem; }
  form { display:flex; gap:.5rem; margin:1rem 0 1.4rem; flex-wrap:wrap; }
  input[type=text] { flex:1 1 240px; padding:.7rem .8rem; font-size:1rem; border:1px solid #ccc;
                     background:#f0f0f2; color:#111; border-radius:.5rem; outline:none; }
  input[type=text]:focus { border-color:#888; }
  button { padding:.7rem 1.3rem; font-size:1rem; border:1px solid var(--accent-d); border-radius:.5rem;
           background:var(--accent); color:#fff; cursor:pointer; font-weight:500; }
  button:hover { background:var(--accent-d); }
  button:disabled { opacity:.5; cursor:default; }
  .card { background:#f8f8fa; border:1px solid var(--line); border-radius:.6rem; padding:1rem 1.1rem;
          margin-bottom:.9rem; }
  .card h2 { margin:0 0 .7rem; font-size:1.1rem; color:var(--navy); }
  .row { display:flex; justify-content:space-between; gap:.6rem; padding:.35rem 0; border-bottom:1px solid #eee; }
  .row:last-child { border-bottom:0; }
  .k { color:var(--muted); }
  .v { text-align:right; font-variant-numeric:tabular-nums; }
  .mono { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em; }
  .ns { padding:.5rem 0; border-bottom:1px solid #eee; }
  .ns:last-child { border-bottom:0; }
  .ns .host { font-weight:600; }
  .pill { display:inline-block; background:#f0f0f2; border:1px solid var(--line); border-radius:.5rem;
          padding:.05rem .45rem; margin:.1rem .15rem; font-size:.88rem; white-space:nowrap; }
  .actors-intro { font-size:.85rem; color:var(--muted); margin-bottom:.7rem; }
  .actor-group { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em;
                 color:var(--navy); margin:1rem 0 .1rem; padding-top:.3rem; border-top:2px solid var(--line); }
  .actor-group:first-of-type { margin-top:0; padding-top:0; border-top:0; }
  .actor-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:.15rem .5rem; padding:.4rem 0; border-bottom:1px solid #eee; }
  .actor-row:last-child { border-bottom:0; }
  .actor-name { font-weight:600; }
  .actor-alias { color:var(--muted); font-size:.82rem; }
  .actor-src { display:inline-block; background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe; border-radius:.4rem;
               padding:0 .4rem; margin:0 .15rem .15rem 0; font-size:.74rem; font-weight:600; white-space:nowrap; cursor:help; }
  .actor-flags { font-size:1em; }
  .flag { font-size:1.15em; }
  .muted { color:var(--muted); }
  .topctl { margin:0 .2rem .6rem; font-size:.9rem; }
  .topctl label { display:inline-flex; align-items:center; gap:.4rem; cursor:pointer; color:var(--muted); }
  .topctl input { cursor:pointer; }
  .spfrec { background:#f0f0f2; border:1px solid var(--line); border-radius:.5rem; padding:.5rem .6rem;
            font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.82rem;
            word-break:break-all; margin-bottom:.7rem; }
  /* Summering: ljus accent-panel i stil med test.html:s gos-badge */
  .summary { background:linear-gradient(135deg,#e0f2fe,#dbeafe); border:2px solid #60a5fa; }
  .summary h2 { color:var(--navy); }
  .summary .big { font-size:2.4rem; font-weight:700; line-height:1; color:#1e3a8a; }
  .summary .flags { font-size:1.7rem; margin-top:.5rem; line-height:1.5; }
  .err { background:#fee2e2; border:1px solid #fca5a5; color:#991b1b; padding:.8rem 1rem; border-radius:.6rem; }
  .note { font-size:.82rem; color:var(--muted); margin-top:1.4rem; border-top:1px solid var(--line);
          padding-top:.8rem; }
  .spin { display:inline-block; width:1em; height:1em; border:2px solid #fff; border-top-color:transparent;
          border-radius:50%; animation:sp .7s linear infinite; vertical-align:-.15em; }
  @keyframes sp { to { transform:rotate(360deg); } }
  .navrow { display:flex; justify-content:space-between; align-items:center; gap:.5rem; margin-bottom:.7rem; }
  #nav-home, #btn-lang { background:#f0f0f2; color:#111; border:1px solid #ccc; padding:.3rem .7rem;
              border-radius:.4rem; font-size:.85rem; cursor:pointer; text-decoration:none; }
  #nav-home:hover, #btn-lang:hover { border-color:#999; background:#e4e4e8; }
  /* Hopfällbara sektioner (accordion) i stil med test.html:s result-rows */
  .result-row { background:#f8f8fa; border:1px solid var(--line); border-radius:.6rem; margin-bottom:.6rem; overflow:hidden; }
  .result-header { display:flex; align-items:center; gap:.6rem; padding:.7rem .9rem; cursor:pointer; user-select:none; }
  .result-header:hover { background:#f0f0f2; }
  .result-icon { width:26px; height:26px; border-radius:.4rem; display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:700; flex-shrink:0; }
  .result-pending { background:#eef1f6; color:#888; }
  .result-done { background:#dcfce7; color:#16a34a; }
  .result-name { flex:1; font-size:.95rem; font-weight:600; color:var(--navy); }
  .result-glance { text-align:right; font-size:1.05rem; line-height:1.2; white-space:nowrap; }
  .result-arrow { color:#888; font-size:.7rem; transition:transform .2s; flex-shrink:0; }
  .result-arrow.open { transform:rotate(90deg); }
  .result-details { display:none; padding:.4rem .9rem .8rem; border-top:1px solid var(--line); }
  .result-details.open { display:block; }
  .result-spin { display:inline-block; width:15px; height:15px; border:2px solid #ddd; border-top:2px solid var(--accent);
                 border-radius:50%; animation:sp .8s linear infinite; }
  /* Korslänk till domäntestet, i stil med test.html:s knappar */
  .cross-test { display:block; text-align:center; margin:0 0 .9rem; }
  .cross-test a { display:inline-block; background:var(--accent); color:#fff; border:1px solid var(--accent-d);
              padding:.55rem 1.1rem; border-radius:.5rem; font-size:.95rem; font-weight:500; text-decoration:none; }
  .cross-test a:hover { background:var(--accent-d); }
  .stats { text-align:center; color:var(--muted); font-size:.9rem; margin:-.4rem 0 1rem; }
  .stats strong { color:var(--navy); font-variant-numeric:tabular-nums; }
  .footer { background:#f5f5f7; color:var(--muted); padding:1rem; border-top:1px solid var(--line);
            text-align:center; font-size:.85rem; line-height:1.7; }
  .footer-link { color:var(--accent); }
  .bot { display:inline-block; background:#f0f0f2; color:var(--muted); border:1px solid var(--line);
         border-radius:.4rem; padding:0 .35rem; font-size:.72rem; vertical-align:.05em; }