/* ============================================================
   WEBPILOT UI COMPONENTS
   ============================================================ */

/* BUTTONS */
.wp-btn-primary{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--wp-turquoise);border-radius:8px;background:var(--wp-turquoise);color:#fff;font-size:15px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:.15s ease}
.wp-btn-primary:hover,.wp-btn-primary:focus{background:var(--wp-turquoise-dark);border-color:var(--wp-turquoise-dark);color:#fff;text-decoration:none}
.wp-btn-plus{font-size:22px;font-weight:300;line-height:1}

/* SEARCH */
.search-box{position:relative;width:100%;height:58px;display:flex;align-items:center}
.search-box input{width:100%;height:100%;padding:0 20px 0 52px;border:1px solid var(--wp-border);border-radius:9px;outline:none;background:#fff;color:var(--wp-text);font-size:16px}
.search-box input::placeholder{color:var(--wp-text-muted)}
.search-box input:focus{border-color:var(--wp-turquoise);box-shadow:0 0 0 3px rgba(0,140,149,.08)}
.search-icon{position:absolute;left:19px;width:19px;height:19px;border:2px solid var(--wp-text);border-radius:50%;z-index:2;pointer-events:none}
.search-icon::after{content:"";position:absolute;right:-6px;bottom:-3px;width:8px;height:2px;background:var(--wp-text);transform:rotate(45deg)}

/* FILTER */
.btn-filter{height:58px;min-width:145px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--wp-border);border-radius:9px;background:#fff;color:var(--wp-text);font-size:16px;cursor:pointer;transition:.15s ease}
.btn-filter:hover{background:var(--wp-turquoise-soft);border-color:var(--wp-turquoise)}
.btn-filter img{width:20px;height:20px;display:block}

/* TABLE */
.wp-table-container{width:100%;border:1px solid var(--wp-border);border-radius:10px;background:#fff;overflow:hidden}
.table-responsive{width:100%;overflow-x:auto}
.wp-table{width:100%;margin:0;border-collapse:collapse;table-layout:auto;background:#fff}
.wp-table th{padding:18px 20px;border-bottom:1px solid var(--wp-border);background:#fff;color:var(--wp-text);font-size:14px;font-weight:600;text-align:left;vertical-align:middle;white-space:nowrap}
.wp-table td{height:64px;padding:10px 20px;border-bottom:1px solid var(--wp-border);color:var(--wp-text);vertical-align:middle}
.wp-table tbody tr:last-child td{border-bottom:0}
.wp-table tbody tr:hover{background:var(--wp-turquoise-soft)}
.empty-table{height:160px!important;text-align:center;color:var(--wp-text-muted)!important}

/* STATUS */
.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 11px;border-radius:5px;font-size:14px;line-height:1.2;white-space:nowrap}
.status-active{background:#e5f5e8;color:#137333}
.status-locked{background:#fdeaea;color:#d82222}

/* PROJECT ROLES */
.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 11px;border:1px solid var(--wp-turquoise);border-radius:5px;background:var(--wp-turquoise-soft);color:var(--wp-turquoise-dark);font-size:14px;line-height:1.2;white-space:nowrap}
.role-admin,.role-editor{border-color:rgba(0,140,149,.35);background:var(--wp-turquoise-soft);color:var(--wp-turquoise-dark)}
.role-viewer{border-color:#ffd4ae;background:#fff7ed;color:#d35a00}
.role-default{border-color:var(--wp-border);background:#f4f6f8;color:var(--wp-text-muted)}

/* ACTION MENU */
.action-button{width:38px;height:38px;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:6px;background:transparent;cursor:pointer}
.action-button:hover{background:var(--wp-turquoise-soft)}
.action-button span{width:4px;height:4px;display:block;border-radius:50%;background:var(--wp-text)}

/* TABLE FOOTER */
.wp-table-footer{width:100%;min-height:54px;padding:10px 8px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wp-table-info{color:var(--wp-text-muted);font-size:14px;white-space:nowrap}

/* PAGINATION */
.wp-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0}
.wp-pagination-page,.wp-pagination-arrow{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--wp-text);font-size:14px;text-decoration:none}
.wp-pagination-page:hover,.wp-pagination-arrow:hover{background:var(--wp-turquoise-soft);color:var(--wp-turquoise-dark)}
.wp-pagination-page.active{border-color:var(--wp-turquoise);background:#fff;color:var(--wp-turquoise-dark)}
.wp-pagination-arrow{font-size:23px}
.wp-pagination-arrow.disabled{color:var(--wp-text-muted);opacity:.5;pointer-events:none}


.wp-svg-icon{width:28px;height:28px;display:block;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}


/* PROJECT SELECTOR */
.wp-project-selector{margin:0 20px 0 16px}
.wp-project-selector-button{height:44px;min-width:190px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--wp-border);border-radius:8px;background:#fff;color:var(--wp-text);font-size:15px;font-weight:500}
.wp-project-selector-button:hover,.wp-project-selector-button:focus{border-color:var(--wp-turquoise);background:#fff}
.wp-project-selector-button img{width:21px;height:21px}
.wp-project-selector-button span{flex:1;text-align:left;white-space:nowrap}
.wp-project-selector .dropdown-menu{min-width:100%;padding:6px;border:1px solid var(--wp-border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.wp-project-selector .dropdown-menu form{margin:0}
.wp-project-selector .dropdown-item{padding:9px 12px;border:0;border-radius:6px;color:var(--wp-text);font-size:14px}
.wp-project-selector .dropdown-item:hover{background:var(--wp-turquoise-light);color:var(--wp-text)}
.wp-project-selector .dropdown-item.active{background:var(--wp-turquoise-light);color:var(--wp-turquoise);font-weight:600}


/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a.navbar-brand img {
  height:27px;
  position:relative;
  top:-3px
}

a {
  color: #0077cc;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}


@media(max-width:768px){
    .wp-table-footer{flex-direction:column;align-items:flex-start}
    .wp-pagination{width:100%;justify-content:center}
}