/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 2/2026
 * ===========================
 */

main.content {
  padding-bottom:0;
}
.tracker-bg {
  background: linear-gradient(to bottom, rgba(42,157,203,.5) 0%,rgba(42,157,203,0) 100%);
  background-attachment:fixed;
}

/* ====== Search and Filter CSS Overrides ====== */
/* Grid View */
.grid-view ul#SearchFilter-list {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  li {    
    a {
      display:block;
      border-top-right-radius: 0;
      padding:24px;
      .status,
      .statusdate {
        display:none;
      }
      .number,
      .summary,
      .status-statusdate,
      .origin,
      .topic {
        font-size: 0.9rem;
        line-height: 1.4;
        margin: 4px 0 0;
        color: #757575;
      }
      .number {
        font-weight:700;
        color:inherit;
        top:0;
        left:0;
        background:#00447c;
        color:white;
        padding:6px 24px;
        margin:-24px -24px 24px !important;
      }
      .summary {
        overflow:hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;                   
      }
      .status-statusdate,
      .origin,
      .topic {
        text-indent:-9.25px;
        margin-left:18.5px;
        i {
          margin:0 6px 0 0;
        }
      }    
    }
  }
}

/* List View */
#List-header,
.list-view ul#SearchFilter-list li a {
  grid-template-columns: 120px 1fr 200px 200px;
  grid-column-gap: 36px;
  align-items:center;
  padding:18px 0;
  #Btn-SortByNumber, .number,
  #Btn-SortByStatusDate, .statusdate{
    margin:0 !important;
  }
  #Btn-SortByNumber, .number {
    padding:0 0 0 18px;
  }
  #Btn-SortByStatusDate, .statusdate {
    padding:0 18px 0 0;
  }
}
#List-header {
  background:#00447c;
}
.list-view ul#SearchFilter-list {
  li {    
    a {
      grid-template-areas: "number title status statusdate";
      border-bottom: 1px solid #d4ebf5;
      .summary,
      .status-statusdate,
      .topic,
      .origin {
        display:none;
      }
      .number,
      .status,
      .statusdate {
        color: #262626;
      }
      .number {
        grid-area: number;
      }
      .title {
        grid-area: title;
        margin-bottom:0 !important;
      }
      .status {
        grid-area: status;
        i {
          display:none;
        }
      }
      .statusdate {
        grid-area: statusdate;
      }      
    }
  }
}