/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
 /* --- NATIVE ARCHITECTURE FORMAT OVERRIDES --- */

/* 1. Structural layout for the dashboard survey cards grid */
.ls-dashboard .survey-card, 
.ls-dashboard .card.panel-default {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 180px;            /* Formats matching heights across rows */
    padding: 20px;                /* Sets the correct spacing inside elements */
    border-radius: 8px;           /* Adds smooth layout rounding */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* Formats a modern subtle elevation drop shadow */
    margin-bottom: 24px;          /* Vertical gap between card blocks */
}

/* 2. Format title text bounds inside the dashboard container (with cross-browser fallback) */
.ls-dashboard .survey-card .card-title, 
.ls-dashboard .survey-card h3 {
    font-size: 1.15rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 12px;
    
    /* Cross-browser multi-line truncation styling */
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* Gracefully constrains long titles to 2 display lines */
    -webkit-box-orient: vertical;  /* Webkit engine line stacking direction */
    -moz-box-orient: vertical;     /* Mozilla engine fallback support */
    overflow: hidden;
}


/* 3. Re-align bottom actions bar elements (The chart and menu areas) */
.ls-dashboard .survey-card .card-footer, 
.ls-dashboard .survey-card .bottom-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;             /* Forces layout alignment cleanly down to the card base */
    padding-top: 15px;
}

/* 4. Formatting rules for top header filtering bars */
.ls-dashboard .survey-list-filters, 
.ls-dashboard .all-surveys-selector {
    display: flex;
    align-items: center;
    gap: 15px;                    /* Standardizes horizontal separation distances */
    margin-bottom: 30px;
}

.ls-dashboard .survey-list-filters .form-control {
    height: 42px;                 /* Standard sizing formatting */
    border-radius: 6px;
}