/* ===== RIGHT: LINKI (form + list) ===== */
    .wo-title{
      margin: 6px 0 12px;
      font-weight: 1000;
      font-size: 16px;
      color: color-mix(in srgb, var(--wo-text) 88%, transparent);
      display:flex;align-items:center;justify-content:space-between;gap:10px;
    }
    .wo-badge{
      display:inline-flex;align-items:center;gap:8px;
      padding:6px 10px;border-radius:999px;border:1px solid var(--wo-line);
      background: var(--wo-chip-bg);color: var(--wo-muted);font-size:11px;white-space:nowrap;
    }
    .wo-badge i{color: var(--wo-icon);}
    .wo-pill{
      display:inline-flex;align-items:center;gap:8px;
      padding:6px 10px;border-radius:999px;border:1px solid var(--wo-line);
      background: var(--wo-chip-bg);
      font-size:11px;color: var(--wo-muted);
      white-space:nowrap;
    }
    .wo-pill i{color: var(--wo-icon);}

    .wo-card{
      border:1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-panel) 92%, transparent);
      border-radius:18px;
      padding:14px;
      box-shadow: 0 12px 30px rgba(16,24,40,.06);
    }
    html[data-theme="dark"] .wo-card{ box-shadow: 0 18px 50px rgba(0,0,0,.22); }
    .wo-card + .wo-card{margin-top:12px;}
    .wo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
    .wo-card-head h3{
      margin:0;font-weight:1000;font-size:12px;letter-spacing:.2px;
      color: color-mix(in srgb, var(--wo-text) 92%, 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-form{display:grid;gap:10px;margin-top:10px;}
    .wo-field{display:grid;gap:6px;}
    .wo-label{font-size:11px;font-weight:900;color: color-mix(in srgb, var(--wo-text) 78%, transparent);}
    .wo-input{
      width:100%;
      border-radius:14px;
      border:1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-soft) 60%, var(--wo-panel));
      color: var(--wo-text);
      outline:none;
      font-size:12px;
      padding:11px 12px;
    }
    .wo-input:focus{
      border-color: color-mix(in srgb, var(--wo-accent) 55%, var(--wo-line));
      background: color-mix(in srgb, var(--wo-soft) 75%, var(--wo-panel));
    }
    .wo-input::placeholder{color: var(--wo-muted);}

    .wo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}

    /* list items (bardziej “compact” niż karty) */
    .wo-links{
      display:grid;
      gap:10px;
      margin-top:12px;
    }
    .wo-linkrow{
      border:1px solid var(--wo-line);
      border-radius:16px;
      background: color-mix(in srgb, var(--wo-panel) 92%, transparent);
      padding:12px;
      display:grid;
      grid-template-columns: 44px 1fr auto;
      gap:12px;
      align-items:center;
      position:relative;
      overflow:hidden;
    }
    .wo-linkrow::before{
      content:"";
      position:absolute;left:0;top:0;bottom:0;width:3px;
      background: color-mix(in srgb, var(--wo-line) 70%, transparent);
    }
    .wo-linkrow:hover{ background: color-mix(in srgb, var(--wo-soft) 65%, transparent); }
    .wo-l-ico{
      width:44px;height:44px;border-radius:14px;border:1px solid var(--wo-line);
      background: var(--wo-chip-bg);display:grid;place-items:center;color: var(--wo-icon);
    }
    .wo-l-body{min-width:0;}
    .wo-l-title{
      margin:0;
      font-size:12px;
      font-weight:1000;
      color: color-mix(in srgb, var(--wo-text) 92%, transparent);
      display:flex;
      gap:8px;
      align-items:center;
      min-width:0;
    }
    .wo-l-title span{
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .wo-l-url{
      margin:6px 0 0;
      font-size:11px;
      color: color-mix(in srgb, var(--wo-muted) 92%, transparent);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .wo-l-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
    .wo-iconbtn{
      width:38px;height:38px;border-radius:999px;border:1px solid var(--wo-line);
      background: var(--wo-chip-bg);color: var(--wo-muted);padding:0 !important;
      display:grid;place-items:center;cursor:pointer;text-decoration:none;
    }
    .wo-iconbtn:hover{background: var(--wo-soft);color: var(--wo-text);}
    .wo-iconbtn.wo-danger{ color: color-mix(in srgb, #ef4444 78%, var(--wo-muted)); }
    .wo-iconbtn.wo-danger:hover{
      background: color-mix(in srgb, #ef4444 10%, var(--wo-panel));
      border-color: color-mix(in srgb, #ef4444 25%, var(--wo-line));
      color: color-mix(in srgb, #ef4444 92%, var(--wo-text));
    }

    .wo-empty{
      border:1px dashed color-mix(in srgb, var(--wo-line) 70%, transparent);
      background: color-mix(in srgb, var(--wo-soft) 55%, var(--wo-panel));
      border-radius: 18px;
      padding: 14px;
      font-size: 11px;
      color: color-mix(in srgb, var(--wo-muted) 92%, transparent);
      line-height: 1.6;
    }