#reports{overflow:visible;}.report-dropdown .dropdown-menu{width:200px;top:0;left:auto;right:50px;}.report-dropdown .dropdown-menu:after{content:"";display:block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white;position:absolute;top:0;left:auto;right:-10px;}.report-dropdown .dropdown-item:not(.no-style),.report-dropdown .dropdown-item{width:100%;padding:6px 20px;display:block;clear:both;font-weight:300;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;align-items:center;text-decoration:none!important;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}.report-dropdown .dropdown-item:hover,.report-dropdown .dropdown-item:not(.no-style):hover{border-bottom-width:0!important;background:#335deb;}.report-dropdown .dropdown-item i{margin-right:7px;}.report-dropdown .dropdown-item:hover span,.report-dropdown .dropdown-item:hover i,.report-dropdown .dropdown-item:not(.no-style):hover span,.report-dropdown .dropdown-item:not(.no-style):hover i{color:#fff;}.report-dropdown .dropdown-item:hover span,.report-dropdown .dropdown-item:hover i{color:#4b68c8;}.report-dropdown .dropdown-item.delete-report:hover{background:#db2727;}.report-dropdown .dropdown-item.delete-report:hover span,.report-dropdown .dropdown-item.delete-report:hover i{color:#fff;}#reports .report-dropdown{margin:-5px 0;}#reports_wrapper.dataTables_wrapper .dataTables_paginate{margin-bottom:20px;}table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#bcc4ff;}table.dataTable thead th.select-checkbox{position:relative;width:30px;}table.dataTable thead th.select-checkbox:before{display:block;position:absolute;top:50%;left:50%;width:12px;height:12px;box-sizing:border-box;content:" ";margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px;}table.dataTable thead th.select-checkbox.selected::after{content:"✔";margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:rgb(176 190 217) 1px 1px,rgb(176 190 217) -1px -1px,rgb(176 190 217) 1px -1px,rgb(176 190 217) -1px 1px;position:absolute;top:50%;left:50%;}#copy-share-link.green{background:#42ba96!important;}.border-green:focus{border-color:#42ba96;}.message-box .alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1050;box-shadow:0 0 10px -5px #000;}/* Modern Folder List UI */
.folder-list {
  display: flex;
  flex-direction: column;
  background: #f8fafc;
  padding: 16px 20px;
  margin-bottom: 16px;
  border-radius: 12px;
}

.folder-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.folder-header-title {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.folder-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(180deg, #2E3562 0%, #1A1F3A 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.15s ease;
  box-shadow: 0 4px 12px rgba(46, 53, 98, 0.25);
}

.folder-add-btn:hover {
  box-shadow: 0 6px 18px rgba(46, 53, 98, 0.35);
  transform: translateY(-1px);
}

.folder-add-btn i {
  font-size: 14px;
}

.folder-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.folder-card {
  width: 140px;
  min-width: 140px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 12px;
  cursor: pointer;
  text-align: center;
  position: relative;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.folder-card:hover {
  box-shadow: 0 4px 16px rgba(46, 53, 98, 0.12);
  border-color: #cbd5e1;
  transform: translateY(-2px);
}

.folder-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.folder-card-icon {
  margin-bottom: 8px;
}

.folder-card-icon i,
.folder-card > i {
  font-size: 40px;
  color: #fbbf24;
  transition: transform 0.2s ease;
}

.folder-card:hover .folder-card-icon i,
.folder-card:hover > i {
  transform: scale(1.05);
}

.folder-card-name {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  margin: 0 0 2px 0;
  text-align: center;
  word-break: break-word;
  text-transform: capitalize;
  line-height: 1.3;
}

.folder-card-count {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 500;
}

/* Open folder state */
.folder-card [data-folder-open="open"] .folder-card-icon i,
.folder-card [data-folder-open="open"] > i {
  color: #4f46e5;
}

/* Back button card */
.folder-card-back {
  background: #f1f5f9;
  border-style: dashed;
}

.folder-card-back i {
  font-size: 32px !important;
  color: #94a3b8 !important;
}

.folder-card-back:hover {
  background: #e2e8f0;
}

/* Hover buttons for edit/share/delete */
.folder-hover-button {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #2E3562 0%, #1A1F3A 100%);
  color: #fff;
  font-size: 14px;
  display: none;
  justify-content: center;
  gap: 4px;
  z-index: 10;
  border-radius: 8px;
  padding: 4px 6px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.folder-card:hover .folder-hover-button {
  display: flex;
  opacity: 1;
}

.folder-hover-button > span {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: background 0.15s ease;
}

.folder-hover-button > span:hover {
  background: rgba(255, 255, 255, 0.15);
}

.folder-hover-button > span i {
  font-size: 13px;
  color: #fff;
}

/* Legacy support for old structure */
.folder-list > div:not(.folder-header):not(.folder-grid):not(.folder-card) {
  width: 110px;
  max-width: 110px;
  min-width: 110px;
  cursor: pointer;
  text-align: center;
  position: relative;
}

.folder-list div[data-folder-title] i,
.folder-list #go-back-folder i {
  font-size: 40px;
  color: #ffc107;
  transition: transform 0.3s;
}

.folder-list div[data-folder-open="open"] i,
.folder-list div[data-folder-open]:hover i {
  transform: scale(1.1);
}

.folder-list > div p {
  margin-bottom: 0;
  text-align: center;
}.folder-hover-button{background:#c3c3c3;color:#fff;font-size:16px;width:90px;display:flex;justify-content:space-between;z-index:10;border-radius:10px;margin-left:10px;opacity:.5;}.each-folder:hover .folder-hover-button{background:#4959e5;opacity:1;}.folder-hover-button>span{width:45px;padding:6px 0 4px;}#modal-grid-folder>div{min-width:500px!important;margin:auto;}#grid-folder-modal{display:flex;flex-wrap:wrap;max-height:50vh;overflow-y:auto;}#grid-folder-modal .each-folder{width:100px;max-width:100px;min-width:100px;cursor:pointer;text-align:center;position:relative;}#grid-folder-modal .each-folder i{font-size:40px;color:#ffc107;transition:transform .3s;}#grid-folder-modal .each-folder p{overflow-y:auto;margin-bottom:0;text-align:center;height:45px;}#no-report-folder{font-weight:200;width:440px;font-size:16px;background:#fff;padding:30px 0;border-radius:5px;text-align:center;margin:20% auto;box-shadow:2px 2px 5px rgb(0 0 0 / 10%);-webkit-box-shadow:2px 2px 5px rgb(0 0 0 / 10%);-moz-box-shadow:2px 2px 5px rgba(0,0,0,.1);-ms-box-shadow:2px 2px 5px rgba(0,0,0,.1);}#no-report-folder b{display:block;font-size:20px;font-weight:400;margin:20px 0;}.c-form-control{padding:11px 10px 10px;border:1px solid #dfdfdf;border-radius:4px;-webkit-border-radius:4px;}#modal-grid-folder .modal-body .fa-search{position:relative;z-index:5;font-size:16px;left:17px;color:#706c6c;}#modal-grid-folder .modal-body #modal-search-folder-input{margin-bottom:20px;font-weight:100;border:1px solid #dfdfdf;width:350px;font-size:16px;padding:10px 46px;border-radius:4px;-webkit-border-radius:4px;margin-left:-15px;position:relative;z-index:1;margin-right:-15px;}[for="modal-search-folder-input"]{padding-left:20px;}#modal-grid-folder .modal-body .fa-times{position:relative;z-index:5;font-size:16px;right:30px;top:2px;color:#335deb;cursor:pointer;height:40px;display:inline-block;width:40px;line-height:40px;}#modal-grid-folder .modal-body #modal-search-folder-input:focus{border:1px solid #638dff;box-shadow:0 0 0 4px #e9eefd;-webkit-box-shadow:0 0 0 4px #e9eefd;-moz-box-shadow:0 0 0 4px #e9eefd;-ms-box-shadow:0 0 0 4px #e9eefd;}#folderMain .folder-hover-button{display:none;}#folderMain .each-folder:hover .folder-hover-button,#folderMain .folder-card:hover .folder-hover-button{display:flex;}.blue-x{color:#445be9;}#reports tbody tr>div:last-child{opacity:.5;}#folderMain .folder-list .bg-yellow .fa-folder-open,.bg-yellow i.fa.fa-folder:before{color:#485ae7!important;content:"\f07c"!important;}
#folderMain .folder-card .fa-folder-open,
#folderMain .folder-card[data-folder-open="open"] .folder-card-icon i {
  color: #4f46e5 !important;
}#reports tbody tr td:not([valign="top"]):last-child{display:flex;align-items:center;}.drag-btn-1{margin-left:5px;}#share-link-input.border-green,#copy-share-link.green{border-color:#42ba96;}#folderMain .folder-list .fa-folder-open{color:#4959e5;}.folder-list>div p{text-transform:capitalize;}#reports tbody tr td:not([valign="top"]):last-child{display:revert;}:root{--th-checkbox:5%;--th-title:35%;--th-score:15%;--th-date:22%;--th-action:8%;}th:nth-child(1),td:nth-child(1){width:var(--th-checkbox)!important;min-width:var(--th-checkbox)!important;max-width:var(--th-checkbox)!important;}th:nth-child(2),td:nth-child(2){width:var(--th-title)!important;min-width:var(--th-title)!important;max-width:var(--th-title)!important;}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){width:var(--th-score)!important;min-width:var(--th-score)!important;max-width:var(--th-score)!important;}th:nth-child(5),td:nth-child(5){width:var(--th-date)!important;min-width:var(--th-date)!important;max-width:var(--th-date)!important;}th:nth-child(6),td:nth-child(6){width:var(--th-action)!important;min-width:var(--th-action)!important;max-width:var(--th-action)!important;}.report-score{display:flex;justify-content:center;align-items:center;}.report-score .visual-score{margin:0;float:none;}.report-score .score-val{float:none;text-align:unset;width:auto;}#reports:is(th,td){padding:15px 0!important;}#report-show-by,[name="daterange"]{height:45px;border:1px solid #dfdfdf!important;padding:0 15px 0!important;}#report-show-by{display:inline-block;width:auto;margin:0 20px 0 10px;box-shadow:none;}.report-title-v2,span.report-date-v2{white-space:pre;font-size:14px;font-weight: 700 !important;}#reports .report-dropdown{display:flex;justify-content:center;}.report-dropdown .dropdown-menu{right:68px;}.dataTables_wrapper .dataTables_filter input{width:400px;}.report-show-by{}table.dataTable thead th{text-align:center;}
.report-score {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
  }
  .report-score .visual-score {
    display: none;
  }
  .report-score .score-val {
    float: none;
    text-align: center;
    width: auto;
    font-weight: 500;
  }
  
  /* Green score styling */
  .report-score.green {
    background-color: #d4f4dd;
    color: #16a34a;
  }
  
  /* Orange score styling */
  .report-score.orange {
    background-color: #fff4d6;
    color: #ca8a04;
  }
  
  /* Red score styling */
  .report-score.red {
    background-color: #fee2e2;
    color: #dc2626;
  }

  .report-score.yellow {
    background-color: #fff4d6;
    color: #ca8a04;
  }