/* ================= Sidebar / Navigation Menu (navy + gold accent, collapsible) ================= */
/* Loaded globally (linked in App.razor) so it applies to every page, not just specific ones. */

:root {
    --ts-sidebar-width: 250px;
    --ts-sidebar-collapsed-width: 64px;
    --ts-navy: #0b1f3a;
    --ts-navy-dark: #071527;
    --ts-accent: #f5a623;
    --ts-sidebar-text: #cfd8e3;
}

.ts-sidebar-wrapper {
    width: var(--ts-sidebar-width);
    flex-shrink: 0;
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, var(--ts-navy) 0%, var(--ts-navy-dark) 100%);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.25);
    transition: width 0.2s ease;
    overflow-x: hidden;
    z-index: 10;
}

    .ts-sidebar-wrapper:has(#ts-sidebar-toggle:checked) {
        width: var(--ts-sidebar-collapsed-width);
    }

.ts-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 56px;
}

.ts-sidebar-brand {
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
    white-space: nowrap;
    overflow: hidden;
}

.ts-sidebar-wrapper:has(#ts-sidebar-toggle:checked) .ts-sidebar-brand {
    display: none;
}

.ts-sidebar-toggle-checkbox {
    display: none;
}

.ts-sidebar-toggle-btn {
    cursor: pointer;
    color: var(--ts-accent);
    font-size: 1.3rem;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.15s ease;
    user-select: none;
    flex-shrink: 0;
}

    .ts-sidebar-toggle-btn:hover {
        background: rgba(255, 255, 255, 0.1);
    }

.ts-nav {
    display: flex;
    flex-direction: column;
    padding: 12px 8px;
    gap: 2px;
}

.ts-nav-item {
    padding: 0 2px;
}

.ts-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    color: var(--ts-sidebar-text);
    text-decoration: none;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    border-left: 3px solid transparent;
    transition: background 0.15s ease, color 0.15s ease;
}

    .ts-nav-link:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    .ts-nav-link.active {
        background: var(--ts-accent);
        color: var(--ts-navy-dark);
        font-weight: 700;
        border-left-color: var(--ts-accent);
    }

.ts-nav-icon {
    flex-shrink: 0;
}

.ts-nav-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Step 6 of Notes carry-forward: two-line Todo List label (current-year
   count on top, next-year count underneath in small print). Only the
   Todo List nav item uses this wrapper; every other nav item keeps the
   plain single-line .ts-nav-text. */
.ts-nav-text-group {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.ts-nav-subtext {
    font-size: 0.7rem;
    line-height: 1.2;
    opacity: 0.75;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ts-sidebar-wrapper:has(#ts-sidebar-toggle:checked) .ts-nav-text,
.ts-sidebar-wrapper:has(#ts-sidebar-toggle:checked) .ts-nav-text-group {
    display: none;
}

.ts-sidebar-wrapper:has(#ts-sidebar-toggle:checked) .ts-nav-link {
    justify-content: center;
    padding: 10px 0;
}

.ts-sidebar-wrapper:has(#ts-sidebar-toggle:checked) .ts-nav-item {
    padding: 0;
}

/* Every menu icon: an SVG shape used as a mask, filled with the link's
   text colour (so it follows hover/active colours). One class per item. */
.ts-nav-icon[class*="ts-icon-"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.ts-icon-users {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+PC9zdmc+");
}

.ts-icon-mail {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTS4wNSAzLjU1NUEyIDIgMCAwIDEgMiAyaDEyYTIgMiAwIDAgMSAxLjk1IDEuNTU1TDggOC40MTR6TTAgNC42OTd2Ny4xMDRsNS44MDMtMy41NTh6TTYuNzYxIDguODNsLTYuNTcgNC4wMjdBMiAyIDAgMCAwIDIgMTRoMTJhMiAyIDAgMCAwIDEuODA4LTEuMTQ0bC02LjU3LTQuMDI3TDggOS41ODZ6bTMuNDM2LS41ODZMMTYgMTEuODAxVjQuNjk3eiIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTS4wNSAzLjU1NUEyIDIgMCAwIDEgMiAyaDEyYTIgMiAwIDAgMSAxLjk1IDEuNTU1TDggOC40MTR6TTAgNC42OTd2Ny4xMDRsNS44MDMtMy41NTh6TTYuNzYxIDguODNsLTYuNTcgNC4wMjdBMiAyIDAgMCAwIDIgMTRoMTJhMiAyIDAgMCAwIDEuODA4LTEuMTQ0bC02LjU3LTQuMDI3TDggOS41ODZ6bTMuNDM2LS41ODZMMTYgMTEuODAxVjQuNjk3eiIvPjwvc3ZnPg==");
}

/* Line icons for each menu item (16x16, drawn for this app). */
/* Bulk Print Tracking Sheets */
.ts-icon-print {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTQgNlYxLjVoOFY2Jy8+PHJlY3QgeD0nMS41JyB5PSc2JyB3aWR0aD0nMTMnIGhlaWdodD0nNicgcng9JzEuNScvPjxwYXRoIGQ9J000IDEwaDh2NC41SDR6Jy8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTQgNlYxLjVoOFY2Jy8+PHJlY3QgeD0nMS41JyB5PSc2JyB3aWR0aD0nMTMnIGhlaWdodD0nNicgcng9JzEuNScvPjxwYXRoIGQ9J000IDEwaDh2NC41SDR6Jy8+PC9zdmc+");
}

/* My Tasks (Todo) */
.ts-icon-tasks {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTcgMy41aDcuNU03IDhoNy41TTcgMTIuNWg3LjUnLz48cGF0aCBkPSdNMS41IDMuNWwxIDEgMi0yTTEuNSA4bDEgMSAyLTJNMS41IDEyLjVsMSAxIDItMicvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTcgMy41aDcuNU03IDhoNy41TTcgMTIuNWg3LjUnLz48cGF0aCBkPSdNMS41IDMuNWwxIDEgMi0yTTEuNSA4bDEgMSAyLTJNMS41IDEyLjVsMSAxIDItMicvPjwvc3ZnPg==");
}

/* Database Cleanup */
.ts-icon-trash {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIgNGgxMk02IDRWMmg0djJNMy41IDRsLjggMTAuNWg3LjRsLjgtMTAuNU02LjUgN3Y0LjVNOS41IDd2NC41Jy8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIgNGgxMk02IDRWMmg0djJNMy41IDRsLjggMTAuNWg3LjRsLjgtMTAuNU02LjUgN3Y0LjVNOS41IDd2NC41Jy8+PC9zdmc+");
}

/* Run Import */
.ts-icon-upload {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTggMTFWMk00LjUgNS41TDggMmwzLjUgMy41TTIgMTB2NGgxMnYtNCcvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTggMTFWMk00LjUgNS41TDggMmwzLjUgMy41TTIgMTB2NGgxMnYtNCcvPjwvc3ZnPg==");
}

/* ShareFile Folder Check */
.ts-icon-folder-check {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTEuNSAzaDQuNWwxLjUgMS41aDd2OWgtMTN6Jy8+PHBhdGggZD0nTTUuNSA5bDIgMiAzLjUtMy41Jy8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTEuNSAzaDQuNWwxLjUgMS41aDd2OWgtMTN6Jy8+PHBhdGggZD0nTTUuNSA5bDIgMiAzLjUtMy41Jy8+PC9zdmc+");
}

/* Manage Invoice Settings */
.ts-icon-receipt {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTMgMS41aDEwdjEzbC0xLjctMS4yLTEuNiAxLjItMS43LTEuMi0xLjYgMS4yLTEuNy0xLjJMMyAxNC41eicvPjxwYXRoIGQ9J001LjUgNWg1TTUuNSA4aDVNNS41IDExaDMnLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTMgMS41aDEwdjEzbC0xLjctMS4yLTEuNiAxLjItMS43LTEuMi0xLjYgMS4yLTEuNy0xLjJMMyAxNC41eicvPjxwYXRoIGQ9J001LjUgNWg1TTUuNSA4aDVNNS41IDExaDMnLz48L3N2Zz4=");
}

/* QuickBooks IIF Exports */
.ts-icon-download {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTggMnY5TTQuNSA3LjVMOCAxMWwzLjUtMy41TTIgMTB2NGgxMnYtNCcvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTggMnY5TTQuNSA3LjVMOCAxMWwzLjUtMy41TTIgMTB2NGgxMnYtNCcvPjwvc3ZnPg==");
}

/* Manage Review Page Text */
.ts-icon-doc-text {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTMgMS41aDYuNUwxMyA1djkuNUgzeicvPjxwYXRoIGQ9J005LjUgMS41VjVIMTNNNS41IDhoNU01LjUgMTAuNWg1TTUuNSAxM2gzJy8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTMgMS41aDYuNUwxMyA1djkuNUgzeicvPjxwYXRoIGQ9J005LjUgMS41VjVIMTNNNS41IDhoNU01LjUgMTAuNWg1TTUuNSAxM2gzJy8+PC9zdmc+");
}

/* Manage Quick Email List */
.ts-icon-send {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTE0LjUgMS41TDEuNSA3bDUgMi41IDIuNSA1eicvPjxwYXRoIGQ9J00xNC41IDEuNUw2LjUgOS41Jy8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTE0LjUgMS41TDEuNSA3bDUgMi41IDIuNSA1eicvPjxwYXRoIGQ9J00xNC41IDEuNUw2LjUgOS41Jy8+PC9zdmc+");
}

/* Document Queue */
.ts-icon-inbox {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTEuNSA5LjVoNGwxIDJoM2wxLTJoNHY0LjVoLTEzeicvPjxwYXRoIGQ9J00zIDYuNWgxME00LjUgMy41aDcnLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTEuNSA5LjVoNGwxIDJoM2wxLTJoNHY0LjVoLTEzeicvPjxwYXRoIGQ9J00zIDYuNWgxME00LjUgMy41aDcnLz48L3N2Zz4=");
}

/* Help */
.ts-icon-help {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PGNpcmNsZSBjeD0nOCcgY3k9JzgnIHI9JzYuNScvPjxwYXRoIGQ9J002LjEgNi4yYTIgMiAwIDEgMSAyLjcgMS45Yy0uNS4yLS44LjYtLjggMS4xdi41Jy8+PGNpcmNsZSBjeD0nOCcgY3k9JzExLjknIHI9Jy41JyBmaWxsPSdibGFjaycgc3Ryb2tlPSdub25lJy8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PGNpcmNsZSBjeD0nOCcgY3k9JzgnIHI9JzYuNScvPjxwYXRoIGQ9J002LjEgNi4yYTIgMiAwIDEgMSAyLjcgMS45Yy0uNS4yLS44LjYtLjggMS4xdi41Jy8+PGNpcmNsZSBjeD0nOCcgY3k9JzExLjknIHI9Jy41JyBmaWxsPSdibGFjaycgc3Ryb2tlPSdub25lJy8+PC9zdmc+");
}