.license-tools {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        margin: 12px 0 8px;
        border: 2px solid #ddd;
    }

    .license-tools input[type="search"] {
        width: min(420px, 100%);
        padding: 10px 12px;
        border-radius: 10px;
        border: 1px solid var(--border);
        font-size: 14px;
    }

    .license-table-wrap {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
    }

    .license-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 15px;
    }

    .license-table caption {
        text-align: left;
        padding: 12px;
        font-weight: 700;
        border-bottom: 1px solid var(--border);
    }

    .license-table thead th {
        text-align: left;
        background: #fafafa;
        border-bottom: 1px solid var(--border);
        padding: 12px;
        font-weight: 700;
        color: #333;
    }

    .license-table tbody td {
        padding: 12px;
        border-bottom: 1px solid #ededed;
        vertical-align: middle;
    }

    .license-table tbody tr:hover {
        background: #f9fbff;
    }

    .license-table .right {
        text-align: right;
        white-space: nowrap;
    }

    @media (max-width:700px) {
        .license-table thead {
            display: none;
        }

        .license-table tbody tr {
            display: grid;
            grid-template-columns: 1fr;
            padding: 10px 12px;
        }

        .license-table tbody td {
            border: none;
            padding: 6px 0;
        }

        .license-table tbody td.right {
            text-align: left;
        }

        .license-table tbody tr+tr {
            border-top: 1px solid #f0f0f0;
        }
    }