.tag-linux-mgr, .btn-linux-mgr     { background-color: #bc4e31; }
.tag-linux-agt, .btn-linux-agt     { background-color: #d98b73; }
.tag-windows-mgr, .btn-windows-mgr { background-color: #4077a5; }
.tag-windows-agt, .btn-windows-agt { background-color: #66a3b5; }
.tag-browser, .btn-browser         { background-color: #4a8c54; }
.tag-offliser, .btn-offliser       { background-color: #6ca371; }
.tag-toolkit, .btn-toolkit         { background-color: #b5bd68; }
.btn-all { background-color: #7a7a7a; }

.custom-tag, .filter-btn {
    font-family: "Consolas", "Monaco", "Courier New", "BIZ UDゴシック", monospace;
    font-weight: bold;
    color: white;
    display: inline-block;
    border: none;
    min-width: 8ch; 
    text-align: center;
    margin: 1px;
}

.custom-tag {
    font-size: 0.8em;
    padding: 1px 4px;
    border-radius: 4px;
    margin-right: 4px;
    opacity: 0.9;
}

.filter-btn {
    font-size: 0.9em;
    padding: 4px 10px;
    border-radius: 6px;
    margin-right: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.filter-btn:hover {
    opacity: 0.8;
    filter: brightness(1.1);
    transform: translateY(-1px);
}
.filter-btn:active {
    outline: 2px solid #6e6e6e !important;
    outline-offset: 1px;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.3);
    filter: brightness(0.9);
    transform: translateY(1px);
}
.filter-btn-active {
    outline: 2px solid #6e6e6e !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2) !important;
    filter: brightness(0.9);
}