.toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 14px; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-lg); }
    .toolbar-left, .toolbar-right { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
    .table-wrap { overflow: auto; border: 1px solid var(--border); border-radius: var(--radius-lg); }
    table { width: 100%; border-collapse: collapse; min-width: 720px; }
    th, td { padding: 12px 14px; border-bottom: 1px solid var(--border); text-align: left; }
    th { background: var(--surface-2); color: var(--text); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
    td { color: var(--text-2); }
    tr:last-child td { border-bottom: 0; }

    @media (max-width: 720px) {
      .toolbar { padding: 12px; }
      .toolbar-left,
      .toolbar-right { width: 100%; }
      .toolbar-left > *,
      .toolbar-right > * { flex: 1 1 100%; }
      .table-wrap {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
      }
      .table-wrap table {
        min-width: 0;
        border-collapse: separate;
        border-spacing: 0 10px;
      }
      .table-wrap thead { display: none; }
      .table-wrap tbody,
      .table-wrap tr,
      .table-wrap td { display: block; width: 100%; }
      .table-wrap tr {
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface-2);
        overflow: hidden;
      }
      .table-wrap td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 44px;
        padding: 10px 12px;
        border-bottom: 1px solid var(--border);
        text-align: right;
      }
      .table-wrap tr:last-child td { border-bottom: 1px solid var(--border); }
      .table-wrap td:last-child { border-bottom: 0; }
      .table-wrap td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        color: var(--muted);
        font-size: 12px;
        font-weight: 850;
        letter-spacing: .06em;
        text-transform: uppercase;
        text-align: left;
      }
      .table-wrap td .btn { margin-left: auto; }
    }

    details { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface-2); padding: 0; overflow: hidden; }
    summary { cursor: pointer; padding: 14px 16px; font-weight: 800; }
    details p { margin: 0; padding: 0 16px 16px; color: var(--muted); }