/* TITLES / CARDS / SWITCHES */
    .wo-card{
      border:1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-panel) 92%, transparent);
      border-radius:5px;
      padding:14px;
    }
    .wo-card + .wo-card{margin-top:12px;}
    .wo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
    .wo-card-head h3{
      margin:0;font-weight:1000;font-size:12px;letter-spacing:.2px;
      color: color-mix(in srgb, var(--wo-text) 88%, transparent);
    }
    .wo-card-sub{margin:4px 0 0;font-size:11px;color: color-mix(in srgb, var(--wo-muted) 90%, transparent);line-height:1.5;}

    .wo-switch{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:10px 10px;border-radius:14px;border:1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-soft) 55%, var(--wo-panel));
      margin-top:10px;
    }
    .wo-switch .t{min-width:0;}
    .wo-switch .t b{display:block;font-size:12px;}
    .wo-switch .t span{display:block;font-size:11px;color: var(--wo-muted);margin-top:2px;line-height:1.4;}
    .wo-toggle{
      width:46px;height:28px;border-radius:var(--wo-border-radius);border:1px solid var(--wo-line);
      background: var(--wo-panel);position:relative;cursor:pointer;flex:0 0 auto;
    }
    .wo-toggle::after{
      content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);
      width:20px;height:20px;border-radius:var(--wo-border-radius);background: color-mix(in srgb, var(--wo-text) 65%, var(--wo-panel));
      transition: left .16s ease;
    }
    .wo-toggle[aria-checked="true"]{
      background: color-mix(in srgb, var(--wo-accent) 22%, var(--wo-panel));
      border-color: color-mix(in srgb, var(--wo-line) 60%, var(--wo-accent));
    }
    .wo-toggle[aria-checked="true"]::after{ left: 22px; background: color-mix(in srgb, var(--wo-accent) 85%, #fff); }

    .wo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
    .wo-btn{
      height:38px;padding:0 14px;border-radius:var(--wo-border-radius);border:1px solid var(--wo-line);
      background: var(--wo-chip-bg);color: var(--wo-text);font-weight:900;font-size:12px;cursor:pointer;
      display:inline-flex;align-items:center;gap:10px;text-decoration:none;
    }
    .wo-btn i{color: var(--wo-icon);}
    .wo-btn:hover{background: var(--wo-soft);}
    .wo-btn.wo-primary{border-color:transparent;background: color-mix(in srgb, var(--wo-accent) 92%, #fff);color:#111;}
    .wo-btn.wo-primary i{color:#111;}
    .wo-btn.wo-primary:hover{background: var(--wo-accent);}

    /* MIDDLE MENU (kolumna 2) */
    .wo-menu{display:grid;gap:10px;}
    .wo-menu-group{margin-top:6px;}

    .wo-menu-item{
      display:flex;margin-bottom: 5px;align-items:center;justify-content:space-between;gap:10px;
      padding: 10px 10px;border-radius:5px;border:1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-panel) 92%, transparent);
      text-decoration:none;color: var(--wo-muted);font-size:12px;
    }
    .wo-menu-item:hover{background: var(--wo-soft);color: var(--wo-text);}
    .wo-menu-item .l{display:flex;align-items:center;gap:10px;min-width:0;}
    .wo-menu-item .l i{width:18px;text-align:center;color: var(--wo-icon);}
    .wo-menu-item .r{display:inline-flex;align-items:center;gap:8px;}
    .wo-menu-item.wo-is-active{
      color: var(--wo-text);
      border-color: color-mix(in srgb, var(--wo-line) 60%, var(--wo-accent));
      box-shadow: 0 18px 45px rgba(16,24,40,.06);
    }
    .wo-dot{width:8px;height:8px;border-radius:999px;background: var(--wo-accent);/* border:2px solid var(--wo-panel); */}



    /* ==== SECURE ==== */

        /* SWITCH */
    .wo-switch{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:10px 10px;border-radius:14px;border:1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-soft) 55%, var(--wo-panel));
      margin-top:10px;
    }
    .wo-switch .t{min-width:0;}
    .wo-switch .t b{display:block;font-size:12px;}
    .wo-switch .t span{display:block;font-size:11px;color: var(--wo-muted);margin-top:2px;line-height:1.4;}
    .wo-toggle{
      width:46px;height:28px;border-radius:999px;border:1px solid var(--wo-line);
      background: var(--wo-panel);position:relative;cursor:pointer;flex:0 0 auto;
    }
    .wo-toggle::after{
      content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);
      width:20px;height:20px;border-radius:999px;background: color-mix(in srgb, var(--wo-text) 65%, var(--wo-panel));
      transition: left .16s ease;
    }
    .wo-toggle[aria-checked="true"]{
      background: color-mix(in srgb, var(--wo-accent) 22%, var(--wo-panel));
      border-color: color-mix(in srgb, var(--wo-line) 60%, var(--wo-accent));
    }
    .wo-toggle[aria-checked="true"]::after{ left: 22px; background: color-mix(in srgb, var(--wo-accent) 85%, #fff); }


    /* 2FA method buttons */
    .wo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
    .wo-tab{
      height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--wo-line);
      background: var(--wo-chip-bg);color: var(--wo-muted);font-weight:1000;font-size:11px;
      display:inline-flex;align-items:center;gap:10px;cursor:pointer;
    }
    .wo-tab i{color: var(--wo-icon);}
    .wo-tab:hover{background: var(--wo-soft);color: var(--wo-text);}
    .wo-tab.wo-is-active{color: var(--wo-text);border-color: color-mix(in srgb, var(--wo-line) 60%, var(--wo-accent));}

    .wo-pane{margin-top:10px;border:1px solid var(--wo-line);border-radius:16px;background: color-mix(in srgb, var(--wo-panel) 92%, transparent);padding:12px;}
    .wo-pane[hidden]{display:none;}

    .wo-qr{
      border:1px solid var(--wo-line);background: var(--wo-chip-bg);
      border-radius:16px;padding:12px;display:grid;place-items:center;min-height:160px;
      position:relative;overflow:hidden;margin-top:10px;
    }
    .wo-qr svg{width:140px;height:140px;opacity:.92;}
    .wo-qrbadge{
      position:absolute;left:12px;top:12px;
      font-size:10px;font-weight:1000;
      padding:4px 8px;border-radius:999px;border:1px solid var(--wo-line);
      background: var(--wo-panel);color: var(--wo-muted);
      display:inline-flex;align-items:center;gap:8px;
    }
    .wo-code{
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
      font-size: 12px;border:1px solid var(--wo-line);background: var(--wo-soft);
      padding:10px 12px;border-radius:12px;overflow:auto;white-space:nowrap;
      margin-top:10px;
    }