/* Table template theme (assets) */

:root{
  --tbl-surface: rgba(255,255,255,.92);
  --tbl-border: rgba(120,95,175,.22);
  --tbl-line: rgba(120,95,175,.16);
  --tbl-text: #2f2548;
  --tbl-muted: #6d5c95;
}

body.table-theme{
  background:#fff;
  color:var(--tbl-text);
}

/* top navbar: pure white, themed text only */
.table-theme .navbar.navbar-default{
  background:var(--tbl-surface);
  border:1px solid var(--tbl-border);
  box-shadow:0 12px 30px rgba(60,35,120,.10);
  backdrop-filter:blur(10px);
}
.table-theme .navbar-default .navbar-brand{
  /* brand: always themed */
  color:var(--tc-primary-strong) !important;
  font-weight:700;
  transition:color .2s ease;
  background:transparent !important;
}
.table-theme .navbar-default .navbar-nav>li>a{
  /* nav links: default plain text, hover/active themed */
  color:var(--tbl-text) !important;
  font-weight:600;
  transition:color .2s ease;
  background:transparent !important;
}
.table-theme .navbar-default .navbar-nav>.active>a,
.table-theme .navbar-default .navbar-nav>.active>a:hover,
.table-theme .navbar-default .navbar-nav>li>a:hover{
  /* hover/active: theme text only */
  color:var(--tc-primary-strong) !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:underline;
  text-underline-offset:6px;
  text-decoration-thickness:2px;
}

/* panels / cards */
.table-theme .panel{
  border:1px solid var(--tbl-border);
  border-radius:var(--tc-radius,18px);
  overflow:hidden;
  background:var(--tbl-surface);
}
.table-theme .panel-heading{
  border:0;
  background:var(--tc-grad-main);
  color:#fff;
}
.table-theme .panel-title,
.table-theme .panel-title a{color:#fff;font-weight:700;text-decoration:none;}

/* forms */
.table-theme .form-control{
  border-radius:var(--tc-radius,14px);
  border-color:var(--tbl-border);
  color:var(--tbl-text);
  background:rgba(255,255,255,.90);
}
.table-theme .input-group-addon{
  background:var(--tc-grad-main);
  color:#fff;
  border-color:transparent;
}

/* buttons */
.table-theme .btn{border:0;border-radius:999px;}
.table-theme .btn-primary,
.table-theme .btn-success,
.table-theme .btn-danger,
.table-theme .btn-info{
  background:var(--tc-grad-main);
  color:#fff;
}
.table-theme .btn-default{
  background:var(--tc-grad-card);
  color:var(--tc-primary-strong);
}

/* tables */
.table-theme .table>thead>tr>th,
.table-theme .table>tbody>tr>td{
  border-color:var(--tbl-line);
}
.table-theme .price-inline{
  color:#1f1f1f;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  font-size:17px;
}

.table-theme .tool-table > tbody > tr > td:nth-child(1){
  font-size:16px;
  line-height:1.5;
}
.table-theme .tool-table .btn.btn-xs{
  font-size:14px;
  min-height:30px;
  padding:5px 14px;
  font-weight:700;
}

/* select text clipping fix (query/buy input groups) */
.table-theme select.form-control,
.table-theme .query-searchtype,
.table-theme #searchtype{
  min-width: 96px;
  padding-left: 10px !important;
  padding-right: 28px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-theme .input-group-btn > .form-control{
  width: auto;
  min-width: 96px;
}

/* querysecure specific select fix (overrides inline width) */
.table-theme #secure_query_area .input-group .input-group-btn > #searchtype.form-control{
  width: 112px !important;
  min-width: 112px !important;
  padding-left: 10px !important;
  padding-right: 28px !important;
  text-overflow: clip;
  overflow: visible;
}

/* footer */
.table-theme .table-footer-copy,
.table-theme .table-footer-copy a,
.table-theme .table-footer-foot{
  /* footer: always themed */
  color:var(--tc-primary-strong) !important;
}
.table-theme .table-footer-copy a:hover,
.table-theme .table-footer-copy a:focus{
  color:var(--tc-primary-strong) !important;
  text-decoration:underline;
  text-underline-offset:4px;
}


/* query/querysecure: make center blocks follow theme */
.table-theme .query-switch-btn{
  background: var(--tc-grad-card) !important;
  border: 1px solid var(--tbl-border) !important;
  color: var(--tbl-text) !important;
  min-width: 126px;
  height: 40px;
  line-height: 38px;
  padding: 0 16px;
  border-radius: 22px;
  vertical-align: middle;
  font-weight: 600;
}
.table-theme .query-switch-row{
  margin: 0 0 6px;
}
.table-theme .query-switch-btn + .query-switch-btn{ margin-left: 8px; }
.table-theme .query-switch-btn:hover,
.table-theme .query-switch-btn:focus{
  background: var(--tc-grad-main) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.table-theme .query-merged-panel .alert{
  border: 1px solid var(--tbl-border) !important;
  border-radius: 12px;
}
.table-theme .query-theme-alert{
  background: var(--tc-grad-card) !important;
  color: var(--tbl-text) !important;
}

.table-theme .query-kf-block{
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--tbl-border);
  text-decoration: none !important;
}
.table-theme .query-kf-dual{
  align-items: stretch !important;
}
.table-theme .query-kf-dual.query-kf-all-wx{
  cursor: pointer;
}
.table-theme .query-kf-left{
  flex: 0 0 auto;
  width: fit-content;
  max-width: none;
  min-width: 0;
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  text-decoration: none !important;
}
.table-theme .query-kf-right{
  flex: 1 1 auto;
  max-width: none;
  min-width: 160px;
  border-left: 1px dashed var(--tbl-border);
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
}
.table-theme .query-kf-right-link{
  text-decoration: none !important;
  border-radius: 12px;
  border: 0;
  background: transparent;
  padding: 6px 4px 6px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  min-height: 100%;
  cursor: pointer;
  margin-left: 88px;
}
.table-theme .query-kf-right-link i{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg,#2bd66b,#16a34a);
  color: #fff;
  font-size: 24px;
}
.table-theme .query-kf-right-note{
  font-size: 14px;
  line-height: 1.35;
  color: var(--tbl-muted);
}
.table-theme .query-kf-right-note span{
  color: var(--tc-primary-strong);
  font-weight: 700;
  word-break: break-all;
}
.table-theme .query-kf-block .media-left,
.table-theme .query-kf-block .media-heading,
.table-theme .query-kf-block .media-body{
  color: var(--tbl-text) !important;
}
.table-theme .query-kf-block .media-left{
  float: none !important;
  display: block !important;
  padding-right: 0 !important;
  margin: 0 !important;
  flex: 0 0 62px;
}
.table-theme .query-kf-block .query-kf-avatar{
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
}
.table-theme .query-kf-block .query-kf-avatar img{
  width: 60px !important;
  height: 60px !important;
  margin: 0 !important;
}
.table-theme .query-kf-block .media-body,
.table-theme .query-kf-block .query-kf-text{
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  overflow: visible;
}
.table-theme .query-kf-block .media-heading{
  margin: 0 0 4px;
  line-height: 1.35;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .1px;
}
.table-theme .query-kf-block .media-sub{
  margin: 0 0 2px !important;
  font-size: 18px;
  line-height: 1.35;
  color: var(--tbl-text) !important;
  font-weight: 700;
}
.table-theme .query-kf-note{
  display: block;
  margin: 0;
  line-height: 1.35;
  font-size: 13px;
  word-break: break-word;
  color: var(--tbl-muted) !important;
}
.table-theme .query-kf-block .text-danger{
  color: var(--tc-primary-strong) !important;
  font-weight: 700;
}
@media (max-width: 640px){
  .table-theme .query-kf-dual{
    flex-direction: column;
    align-items: stretch !important;
  }
  .table-theme .query-kf-right{
    max-width: none;
    min-width: 0;
    border-left: 0;
    border-top: 1px dashed var(--tbl-border);
    padding-left: 0;
    padding-top: 10px;
    justify-content: flex-start;
  }
}

.table-theme .query-result-wrap .label,
.table-theme .query-result-wrap .badge{
  background: var(--tc-grad-main) !important;
  color: #fff !important;
}