/*
 * NOYTRIX TRACKING
 * FINAL FULL PAGE DESKTOP V2
 *
 * Exact selectors from tracking-page-v14.js /
 * tracking-data-v14.js.
 *
 * Desktop only.
 * Mobile untouched.
 */

@media (min-width: 1200px) {

    /* ========================================================
       1. WORKSPACE — TRACKING USES ALL AVAILABLE SPACE
       ======================================================== */

    .workspace:has(> #screen-tracking.active),
    .workspace:has(#screen-tracking.active) {
        width: 100% !important;
        max-width: none !important;

        height: 100vh !important;
        min-height: 100vh !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }


    #screen-tracking {
        width: 100% !important;
        max-width: none !important;

        height: 100vh !important;
        min-height: 0 !important;
        max-height: 100vh !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* ========================================================
       2. REMOVE THE HUGE OUTER CARD
       Tracking becomes a real PAGE.
       ======================================================== */

    #screen-tracking .tracking-v14 {
        width: 100% !important;
        max-width: none !important;

        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        background:
            radial-gradient(
                circle at 50% -12%,
                rgba(31, 92, 157, .10),
                transparent 39%
            ),
            linear-gradient(
                180deg,
                #061326,
                #041020
            ) !important;

        display: flex !important;
        flex-direction: column !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* ========================================================
       3. HEADER
       Small page margins instead of giant outer gap.
       ======================================================== */

    #screen-tracking .tracking-v14-head {
        flex: 0 0 auto !important;

        width: 100% !important;

        padding:
            18px
            20px
            12px
            !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    #screen-tracking .tracking-v14-head > div {
        min-width: 0 !important;
    }


    #screen-tracking .tracking-v14-eyebrow {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }


    #screen-tracking .tracking-v14-head h2 {
        font-size: 34px !important;
        line-height: 1.05 !important;
    }


    #screen-tracking .tracking-v14-subtitle {
        max-width: 920px !important;

        font-size: 15px !important;
        line-height: 1.45 !important;
    }


    #screen-tracking .tracking-v14-add {
        min-width: 170px !important;
        min-height: 48px !important;

        font-size: 14px !important;
    }


    /* ========================================================
       4. STATS
       ======================================================== */

    #screen-tracking .tracking-v14-stats {
        flex: 0 0 auto !important;

        width: 100% !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr))
            !important;

        gap: 10px !important;

        padding:
            0
            20px
            12px
            !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    #screen-tracking .tracking-v14-stats article {
        min-width: 0 !important;
        min-height: 78px !important;

        padding:
            12px
            14px
            !important;
    }


    #screen-tracking .tracking-v14-stats article small {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }


    #screen-tracking .tracking-v14-stats article strong {
        font-size: 25px !important;
        line-height: 1 !important;
    }


    #screen-tracking .tracking-v14-stats article em {
        font-size: 12px !important;
        line-height: 1.15 !important;
    }


    /* ========================================================
       5. ALERT
       ======================================================== */

    #screen-tracking .tracking-v14-alert {
        flex: 0 0 auto !important;

        margin:
            0
            20px
            10px
            !important;
    }


    #screen-tracking .tracking-v14-alert[hidden] {
        display: none !important;
    }


    /* ========================================================
       6. TOOLBAR
       ======================================================== */

    #screen-tracking .tracking-v14-toolbar {
        flex: 0 0 auto !important;

        width: 100% !important;
        min-width: 0 !important;

        grid-template-columns:
            minmax(220px, 1fr)
            minmax(150px, 190px)
            minmax(150px, 190px)
            46px
            !important;

        gap: 9px !important;

        padding:
            0
            20px
            10px
            !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    #screen-tracking .tracking-v14-search,
    #screen-tracking .tracking-v14-toolbar select,
    #screen-tracking .tracking-v14-refresh {
        min-width: 0 !important;
        min-height: 43px !important;
    }


    #screen-tracking .tracking-v14-search input,
    #screen-tracking .tracking-v14-toolbar select {
        font-size: 14px !important;
    }


    /* ========================================================
       7. MAIN BODY
       Use EVERY remaining vertical pixel.
       ======================================================== */

    #screen-tracking .tracking-v14-body {
        flex:
            1
            1
            0
            !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(220px, 260px)
            !important;

        gap: 10px !important;

        padding:
            0
            20px
            10px
            !important;

        margin: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* ========================================================
       8. TABLE CONTAINER
       ABSOLUTELY NO HORIZONTAL SCROLL.
       ======================================================== */

    #screen-tracking .tracking-v14-table {
        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;

        height: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        overflow-x: clip !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;

        box-sizing: border-box !important;
    }


    #screen-tracking
    .tracking-v14-table::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }


    /* ========================================================
       9. ONE EXACT COLUMN GEOMETRY
       Header and EVERY dynamically created object row.
       ======================================================== */

    #screen-tracking .tracking-v14-table-head,

    #screen-tracking
    #trackingRowsV14
    > .tracking-v14-row {

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 2.45fr)
            minmax(0, 1.32fr)
            minmax(0, .88fr)
            minmax(0, .92fr)
            minmax(88px, .70fr)
            !important;

        column-gap: 12px !important;

        align-items: center !important;

        box-sizing: border-box !important;
    }


    #screen-tracking .tracking-v14-table-head {
        flex:
            0
            0
            46px
            !important;

        min-height: 46px !important;

        padding:
            0
            14px
            !important;

        font-size: 13.5px !important;
        line-height: 1.2 !important;

        overflow: hidden !important;
    }


    /* ========================================================
       10. ROWS
       ======================================================== */

    #screen-tracking .tracking-v14-rows {
        flex:
            1
            1
            auto
            !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        scrollbar-width: none !important;

        overscroll-behavior:
            contain
            !important;
    }


    #screen-tracking
    .tracking-v14-rows::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;

        display: none !important;
    }


    #screen-tracking
    #trackingRowsV14
    > .tracking-v14-row {

        min-height: 76px !important;

        padding:
            9px
            14px
            !important;

        overflow: visible !important;
    }


    #screen-tracking
    #trackingRowsV14
    > .tracking-v14-row
    > * {

        min-width: 0 !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* ========================================================
       11. OBJECT COLUMN
       Long URL / wallet / contract can NEVER grow the table.
       ======================================================== */

    #screen-tracking .tracking-object-cell-v14 {
        width: 100% !important;
        min-width: 0 !important;

        gap: 12px !important;
    }


    #screen-tracking
    .tracking-object-cell-v14
    > div {

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        overflow: hidden !important;
    }


    #screen-tracking
    .tracking-object-cell-v14
    strong {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow: hidden !important;

        font-size: 15px !important;
        line-height: 1.25 !important;

        white-space: nowrap !important;

        text-overflow: ellipsis !important;
    }


    #screen-tracking
    .tracking-object-cell-v14
    small {

        display: -webkit-box !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 4px !important;

        overflow: hidden !important;

        color: #8292a9 !important;

        font-size: 13px !important;
        line-height: 1.25 !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: break-word !important;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        text-overflow: clip !important;
    }


    #screen-tracking
    .tracking-object-icon-v14 {

        width: 38px !important;
        height: 38px !important;

        flex:
            0
            0
            38px
            !important;
    }


    /* ========================================================
       12. RISK
       ======================================================== */

    #screen-tracking .tracking-risk-v14 {
        width: fit-content !important;
        max-width: 100% !important;

        min-width: 0 !important;

        display: inline-flex !important;
        flex-wrap: wrap !important;

        gap: 5px !important;

        padding:
            6px
            8px
            !important;

        white-space: normal !important;
    }


    #screen-tracking
    .tracking-risk-v14
    strong {

        font-size: 14px !important;
        line-height: 1.15 !important;
    }


    #screen-tracking
    .tracking-risk-v14
    small {

        font-size: 12px !important;
        line-height: 1.15 !important;

        white-space: normal !important;
    }


    /* ========================================================
       13. CHANGE
       ======================================================== */

    #screen-tracking .tracking-delta-v14 {
        min-width: 0 !important;

        padding-left: 0 !important;

        white-space: normal !important;
    }


    #screen-tracking
    .tracking-delta-v14
    strong {

        font-size: 14px !important;
        line-height: 1.15 !important;
    }


    #screen-tracking
    .tracking-delta-v14
    small {

        font-size: 12px !important;
        line-height: 1.2 !important;

        white-space: normal !important;
    }


    /* ========================================================
       14. LAST CHECK
       ======================================================== */

    #screen-tracking .tracking-last-v14 {
        min-width: 0 !important;

        font-size: 13px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
    }


    /* ========================================================
       15. ACTIONS
       Always inside the final column.
       ======================================================== */

    #screen-tracking
    .tracking-row-actions-v14 {

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        justify-content: flex-end !important;

        gap: 4px !important;

        white-space: nowrap !important;
    }


    #screen-tracking
    .tracking-row-actions-v14
    .open {

        min-height: 34px !important;

        padding:
            0
            8px
            !important;

        font-size: 12px !important;
    }


    #screen-tracking
    .tracking-more-v14
    .more {

        width: 27px !important;
        height: 34px !important;

        font-size: 20px !important;
    }


    #screen-tracking
    .tracking-context-v14 {

        width: 165px !important;
    }


    #screen-tracking
    .tracking-context-v14
    button {

        font-size: 13px !important;
    }


    /* ========================================================
       16. LATEST CHANGES
       ======================================================== */

    #screen-tracking .tracking-v14-changes {
        width: 100% !important;
        max-width: none !important;

        min-width: 0 !important;
        min-height: 0 !important;

        height: 100% !important;

        padding:
            15px
            14px
            !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        scrollbar-width: none !important;

        box-sizing: border-box !important;
    }


    #screen-tracking
    .tracking-v14-changes::-webkit-scrollbar {

        display: none !important;

        width: 0 !important;
        height: 0 !important;
    }


    #screen-tracking
    .tracking-v14-changes
    h3 {

        font-size: 16px !important;
    }


    #screen-tracking
    .tracking-change-item-v14
    strong {

        font-size: 14px !important;
    }


    #screen-tracking
    .tracking-change-item-v14
    p {

        font-size: 13px !important;
        line-height: 1.3 !important;
    }


    #screen-tracking
    .tracking-change-item-v14
    small {

        font-size: 12px !important;
    }


    #screen-tracking
    .tracking-change-empty-v14 {

        font-size: 14px !important;
    }


    /* ========================================================
       17. BOTTOM BAR
       Part of PAGE, not separate floating card.
       ======================================================== */

    #screen-tracking .tracking-v14-footer {
        flex:
            0
            0
            auto
            !important;

        width: 100% !important;
        max-width: none !important;

        min-height: 66px !important;
        max-height: none !important;

        margin: 0 !important;

        padding:
            9px
            20px
            10px
            !important;

        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;

        border-radius: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* Notification V15 replaces the old footer content */

    #screen-tracking
    .tracking-notify-v15 {

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;
        min-height: 54px !important;
        max-height: none !important;

        display: grid !important;

        grid-template-columns:
            minmax(220px, 1fr)
            auto
            auto
            auto
            !important;

        align-items: center !important;

        gap: 10px !important;

        padding: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    #screen-tracking
    .tracking-notify-info-v15 {

        min-width: 0 !important;
        max-width: none !important;
    }


    #screen-tracking
    .tracking-notify-info-v15
    strong {

        font-size: 14px !important;
        line-height: 1.2 !important;

        white-space: normal !important;
    }


    #screen-tracking
    .tracking-notify-info-v15
    small {

        font-size: 12px !important;
        line-height: 1.2 !important;

        white-space: normal !important;
    }


    #screen-tracking
    .tracking-notify-controls-v15 {

        min-width: 0 !important;

        gap: 6px !important;
    }


    #screen-tracking
    .tracking-channel-v15 {

        min-width: 86px !important;
        height: 36px !important;

        padding:
            0
            9px
            !important;

        font-size: 13px !important;
    }


    #screen-tracking
    .tracking-frequency-v15 {

        min-width: 145px !important;
        height: 36px !important;
    }


    #screen-tracking
    .tracking-frequency-v15
    > span {

        font-size: 12px !important;
    }


    #screen-tracking
    #trackingFrequencyV15 {

        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;

        font-size: 13px !important;
    }


    #screen-tracking
    .tracking-notify-state-v15 {

        min-width: 0 !important;
    }


    #screen-tracking
    #trackingNotifyStatusV15 {

        width: auto !important;

        min-width: 0 !important;
        max-width: 180px !important;

        margin:
            0
            !important;

        padding:
            0
            8px
            !important;

        font-size: 12px !important;

        white-space: normal !important;
        text-align: center !important;

        overflow: hidden !important;
    }


    /* ========================================================
       18. ABSOLUTE HORIZONTAL OVERFLOW KILL
       ======================================================== */

    #screen-tracking,
    #screen-tracking .tracking-v14,
    #screen-tracking .tracking-v14-body,
    #screen-tracking .tracking-v14-table,
    #screen-tracking .tracking-v14-rows {

        overflow-x: hidden !important;
    }


    #screen-tracking
    .tracking-v14-table-head,

    #screen-tracking
    #trackingRowsV14
    > .tracking-v14-row {

        min-width: 0 !important;
        max-width: 100% !important;
    }

}


/* ==========================================================
   NOYTRIX TRACKING — FINAL 0.5CM PAGE INSET
   Desktop only.
   ========================================================== */

@media (min-width: 1200px) {

    #screen-tracking .tracking-v14 {

        width:
            calc(100% - 1cm)
            !important;

        height:
            calc(100% - 1cm)
            !important;

        margin:
            0.5cm
            !important;

        border-radius:
            10px
            !important;

        overflow:
            hidden
            !important;

        box-sizing:
            border-box
            !important;
    }

}



/* ==========================================================
   NOYTRIX TRACKING BOTTOM INFO ALIGN V1
   Desktop only.
   ========================================================== */

@media (min-width: 1200px) {

    #screen-tracking
    .tracking-notify-info-v15 {

        margin-left:
            12px
            !important;
    }

}



/* ==========================================================
   NOYTRIX TRACKING — DARK FILTER DROPDOWNS
   ========================================================== */

#screen-tracking
.tracking-v14-toolbar
select {

  color-scheme:
    dark
    !important;

  background-color:
    #071a34
    !important;

  color:
    #f3f7ff
    !important;

  border-color:
    rgba(83, 119, 169, .42)
    !important;

  -webkit-appearance:
    auto;

  appearance:
    auto;
}


/* dropdown items */

#screen-tracking
.tracking-v14-toolbar
select option {

  background:
    #071a34
    !important;

  background-color:
    #071a34
    !important;

  color:
    #f3f7ff
    !important;

  font-weight:
    600
    !important;
}


/* selected / checked item */

#screen-tracking
.tracking-v14-toolbar
select option:checked {

  background:
    #123967
    !important;

  background-color:
    #123967
    !important;

  color:
    #ffffff
    !important;
}


/* hover/focus on closed select */

#screen-tracking
.tracking-v14-toolbar
select:hover,
#screen-tracking
.tracking-v14-toolbar
select:focus {

  background-color:
    #091f3c
    !important;

  border-color:
    rgba(255, 183, 32, .48)
    !important;

  color:
    #ffffff
    !important;

  outline:
    none
    !important;
}