/*
 Theme Name: G Surveys Touch
 Theme URI: https://example.com/
 Author: SS
 Description: Ultra-light, tablet-friendly theme with TotalSurvey-like styling for Gravity Forms.
 Version: 1.4.1
 Requires at least: 5.8
 Tested up to: 6.6
 License: GPL-2.0+
 Text Domain: g-surveys-touch
*/

:root{
  --brand-brown:#5B2E1E;
  --brand-brown-600:#4a2419;
  --brand-brown-100:#EFE9E6;
  --ink:#1d1d1f;
  --muted:#6b7280;
  --bg:#F6F6F6;
  --card:#FFFFFF;
  --radius:16px;
  --shadow:0 8px 24px rgba(0,0,0,.06);
}

html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--bg);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  line-height:1.5;
}
a{color:var(--brand-brown); text-decoration:none}
a:hover{ text-decoration:underline }

/* Layout */
.container{
  max-width: 960px;
  margin: 32px auto;
  padding: 24px;
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.site-header, .site-footer{ max-width: 960px; margin: 16px auto 0; padding: 8px 16px; }
.page-title{ font-size: clamp(28px, 4vw, 36px); font-weight: 700; margin: 0 0 8px 0; }
/* Remove thick rule under PAGE titles only (keep under GF form titles) */
.site-header .title-rule{ display:none }

/* Survey top bar above card */
.survey-topbar{ max-width: 960px; margin: 16px auto 0; padding: 8px 16px; }
.survey-topbar-inner{ display:flex; gap:12px; align-items:center; justify-content:space-between; }
.survey-brand img{ height: 40px; width:auto; display:block }
.survey-title{ font-weight:800; font-size:18px }
.topbar-nav a{ padding:6px 10px; border-radius:8px }
.survey-pills{ display:flex; gap:8px; flex-wrap:wrap }
/* Base: keep current outlined look */
.survey-pills .pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:var(--brand-brown-100);
  color:var(--brand-brown);
  border:1px solid var(--brand-brown);
  font-weight:600; text-decoration:none;
  transition:background .15s, color .15s, border-color .15s, box-shadow .15s;
}

/* Hover + Active = solid brown with white text */
.survey-pills .pill:hover,
.survey-pills .pill:active,
.survey-pills .pill.is-active,
.survey-pills .pill[aria-current="page"]{
  background:var(--brand-brown);
  color:#fff;
  border-color:var(--brand-brown);
  text-decoration:none;
}

/* Keyboard focus */
.survey-pills .pill:focus-visible{
  outline:3px solid rgba(91,46,30,.35);
  outline-offset:3px;
}

.survey-pills .pill:hover{ filter:brightness(.95); text-decoration:none }
.survey-topbar-inner:has(.survey-actions:empty){ justify-content:center }

/* Survey hub cards */
.gst-hub{ display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:16px; margin: 12px 0 20px }
.hub-card{
  display:block; padding:18px; border-radius:16px; background:#fff; box-shadow: var(--shadow);
  border:1px solid #eee; text-decoration:none;
}
.hub-card:hover{ filter:brightness(.98) }
.hub-title{ font-weight:800; margin-bottom:6px; color: var(--ink); font-size:24px; }
.hub-desc{ color: var(--muted) }

/* Pretty terms chips */
.gst-terms{ display:flex; flex-wrap:wrap; gap:8px; margin: 8px 0 16px }
.gst-term{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px;
  font-size:13px; font-weight:600; text-decoration:none;
  border:1px solid var(--brand-brown);
}
.gst-terms-light .gst-term{
  background: var(--brand-brown-100);
  color: var(--brand-brown);
}
.gst-terms-solid .gst-term{
  background: var(--brand-brown);
  color:#fff;
}
.gst-term .gst-term-dot{
  width:8px; height:8px; border-radius:999px; background: currentColor; display:inline-block;
}
.gst-terms a.gst-term:hover{ filter: brightness(0.95); text-decoration:none }

/* Header: logo-left + title-right WHEN there is a logo, otherwise center the title */
.site-header{ max-width:960px; margin:16px auto 0; padding:6px 16px }

/* With logo */
.site-header-row.has-logo{
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:center;
  gap:12px;
}

/* No logo: center the title */
.site-header-row.no-logo{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Title */
.site-page-title .page-title{
  margin:0;
  font-size:32px;      /* your spec */
  line-height:1.15;
  font-weight:800;
  text-align:right;
}
.site-page-title--center .page-title{ text-align:center }

/* Logo */
.site-brand .brand-logo{
  max-height:80px;
  height:auto;
  width:auto;
  display:block;
}
.site-brand .brand-link{ text-decoration:none }

.container:has(.gst-hub-wide) {
      padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
}



/* Menu sits below the row */
.nav.nav-primary{ margin-top:8px }
.nav.nav-primary > ul{ display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:0; list-style:none }
.nav.nav-primary > ul > li > a{
  display:inline-block; padding:6px 10px; border-radius:8px; text-decoration:none;
  color:var(--brand-brown); background:var(--brand-brown-100); border:1px solid var(--brand-brown)
}
.nav.nav-primary > ul > li > a:hover{ filter:brightness(.95) }

/* Responsive */
@media (max-width: 640px){
  .site-header-row.has-logo{ grid-template-columns: 1fr; gap:8px }
  .site-page-title .page-title{ text-align:left; font-size:26px }
  .site-page-title--center .page-title{ text-align:center }
  .site-brand .brand-logo{ max-height:64px }
}

:root{
  /* fallback if your theme hasn’t set this */
  --brand-brown: #5b2e1e;
}

/* Pill row layout (optional, looks tidy) */
.entry-content .gesh-month-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:.25rem 0 .25rem;
}

/* Normal = lighter brown; Active/Hover = deep brown */
.entry-content .gesh-pill{
  display:inline-flex !important; 
  align-items:center !important; 
  justify-content:center !important;
  padding:8px 14px !important; 
  border-radius:10px !important;
  background:#fff !important;
  color:#402017 !important;
  border:1px solid var(--brand-brown) !important;
  font-weight:700 !important; 
  text-decoration:none !important;
  transition:background .15s, color .15s, border-color .15s, box-shadow .15s !important;
  cursor:pointer;
}

.entry-content .gesh-pill:hover,
.entry-content .gesh-pill:active,
.entry-content .gesh-pill.is-active,
.entry-content .gesh-pill[aria-current="true"],
.entry-content .gesh-pill[aria-selected="true"]{
  background:var(--brand-brown) !important;
  color:#fff !important;
  border-color:var(--brand-brown) !important;
}

.entry-content .gesh-pill:focus-visible{
  outline:3px solid rgba(91,46,30,.35) !important;
  outline-offset:3px !important;
}


/* Inline radios/checkboxes; Likert untouched */
.gform_wrapper .gfield:not(.gsurvey-likert) .gfield_radio li,
.gform_wrapper .gfield:not(.gsurvey-likert) .gfield_checkbox li{
  display:inline-block !important;
  vertical-align:top;
  margin:6px 6px 6px 0;
}

/* The “Other” row: full width, on its own line */
.gform_wrapper .gfield_radio li.is-other,
.gform_wrapper .gfield_checkbox li.is-other{
  display:block !important;
  width:100% !important;
  margin:10px 0 0 !important;
}

/* Make the Other text box full width */
.gform_wrapper .gfield_radio li.is-other input[type="text"],
.gform_wrapper .gfield_radio li.is-other textarea,
.gform_wrapper .gfield_checkbox li.is-other input[type="text"],
.gform_wrapper .gfield_checkbox li.is-other textarea{
  width:100% !important;
  box-sizing:border-box;
  margin-top:8px;
}

/* If you’re using the tile labels, keep the tile full width for Other */
.gform_wrapper .gfield_radio li.is-other label,
.gform_wrapper .gfield_checkbox li.is-other label{
  display:block !important;
  width:100% !important;
}

/* Inline pill menu (desktop) */
.nav.nav-primary{ margin-top:8px; position:relative }
.menu-list{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; list-style:none; margin:0; padding:0 }
.menu-list > li > a{
  display:inline-block; padding:8px 12px; border-radius:999px;
  text-decoration:none; font-weight:600;
  background:var(--brand-brown-100); color:var(--brand-brown);
  border:1px solid var(--brand-brown);
}
.menu-list > li > a:hover{ filter:brightness(.95); text-decoration:none }
.menu-list > li.current-menu-item > a,
.menu-list > li.current_page_item > a{ background:var(--brand-brown); color:#fff; border-color:var(--brand-brown) }

/* Toggle button (hidden on desktop) */
.nav-toggle{
  appearance:none; border:1px solid var(--brand-brown); background:#fff; color:var(--brand-brown);
  border-radius:10px; padding:6px 10px; display:none; align-items:center; gap:8px; font-weight:700;
}
.nav-toggle:focus-visible{ outline:3px solid rgba(91,46,30,.35); outline-offset:3px }

/* Mobile behavior */
@media (max-width: 768px){
  .nav-toggle{ display:inline-flex; margin-top:8px }
  .menu-list{
    display:none;              /* hidden by default */
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding:10px 0 0;
  }
  .menu-list.is-open{ display:flex } /* shown when toggled */
  .menu-list > li > a{
    width:100%;                /* comfy tap targets */
    border-radius:12px;
  }
}

/* Core layout */
.nav.nav-primary{ margin-top:8px; text-align:center }
.menu-list{
  display:flex; justify-content:center; align-items:center;
  gap:10px; list-style:none; margin:0; padding:0;
}
.menu-list > li > a{
  display:inline-block; padding:8px 12px; border-radius:999px;
  font-weight:600; text-decoration:none;
  background:var(--brand-brown-100); color:var(--brand-brown);
  border:1px solid var(--brand-brown);
}
.menu-list > li > a:hover{ filter:brightness(.95); text-decoration:none }
.menu-list > li.current-menu-item > a,
.menu-list > li.current_page_item > a{ background:var(--brand-brown); color:#fff; border-color:var(--brand-brown) }

/* Toggle button (hidden on desktop) */
.nav-toggle{
  appearance:none; border:1px solid var(--brand-brown); background:#fff; color:var(--brand-brown);
  border-radius:10px; padding:6px 10px; display:none; align-items:center; gap:8px; font-weight:700;
}
.nav-toggle .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }
.nav-toggle:focus-visible{ outline:3px solid rgba(91,46,30,.35); outline-offset:3px }

/* Mobile/tablet ≤ 768px */
@media (max-width: 768px){
  .nav-toggle{ display:inline-flex; margin:8px auto 0 } /* center the button */
  .menu-list{
    display:none;             /* collapsed by default */
    flex-direction:column; align-items:stretch;
    gap:8px; padding-top:10px;
  }
  .menu-list.is-open{ display:flex }
  .menu-list > li > a{ width:100%; border-radius:12px }
}


/* ===== Galleria events table – neat layout ===== */

.gesh-events-table{
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  padding:12px;
}

/* Month heading */
.gesh-events-table .gesh-events-month{
  margin:1rem 0 .5rem;
  font-size:1.05rem;
  font-weight:700;
  color:#222;
}

/* Table base */
.gesh-events-table .gesh-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:15px;
	border: 1px solid #e3e3e3;
}

/* Header */
.gesh-events-table .gesh-table thead th{
  text-align:left;
  font-weight:700;
  color:#333;
  padding:.65rem .75rem;
  border-bottom:2px solid #e9e9e9;
  background:#fafafa;
}
.gesh-events-table .gesh-table thead th:first-child{
  border-top-left-radius:8px;
}
.gesh-events-table .gesh-table thead th:last-child{
  border-top-right-radius:8px;
}

/* Body rows */
.gesh-events-table .gesh-table tbody td{
  padding:.6rem .75rem;
  border-bottom:1px solid #eee;
  vertical-align:middle;
}
.gesh-events-table .gesh-table tbody tr:last-child td{
  border-bottom:none;
}

/* Zebra + hover */
.gesh-events-table .gesh-table tbody tr:nth-child(odd) td{
  background:#fcfcfc;
}
.gesh-events-table .gesh-table tbody tr:hover td{
  background:#f6f6f6;
}

/* Column sizing/alignment */
.gesh-events-table .gesh-table th:nth-child(1),
.gesh-events-table .gesh-table td:nth-child(1){ /* Event */
  width:42%;
}
.gesh-events-table .gesh-table th:nth-child(2),
.gesh-events-table .gesh-table td:nth-child(2){ /* Dates */
  width:28%;
  color:#333;
}
.gesh-events-table .gesh-table th:nth-child(3),
.gesh-events-table .gesh-table td:nth-child(3),
.gesh-events-table .gesh-table th:nth-child(4),
.gesh-events-table .gesh-table td:nth-child(4){ /* Customers/Tenants */
  width:15%;
  white-space:nowrap;
}

/* Make dates easy to scan */
.gesh-events-table .gesh-table td:nth-child(2){
  letter-spacing:.2px;
  color:#444;
}

/* Links (brand friendly) */
.gesh-events-table .gesh-table a{
  color:var(--brand-brown, #5b2e1e);
  font-weight:600;
  text-decoration:none;
}
.gesh-events-table .gesh-table a:hover{
  text-decoration:underline;
}

/* Rounded corners on the whole group between month sections */
.gesh-events-table .gesh-table{
  border-radius:8px;
  overflow:hidden; /* clip zebra + hover inside radius */
}

/* Tighten vertical gaps between month sections */
.gesh-events-table .gesh-table + .gesh-events-month{
  margin-top:1.25rem;
}

/* Responsive: stack link columns on small screens */
@media (max-width: 720px){
  .gesh-events-table .gesh-table thead{
    display:none;
  }
  .gesh-events-table .gesh-table,
  .gesh-events-table .gesh-table tbody,
  .gesh-events-table .gesh-table tr,
  .gesh-events-table .gesh-table td{
    display:block;
    width:98% !important;
  }
  .gesh-events-table .gesh-table tr{
    border:1px solid #eee;
    border-radius:8px;
    margin-bottom:.6rem;
    overflow:hidden;
  }
  .gesh-events-table .gesh-table td{
    border-bottom:1px solid #f0f0f0;
    padding:.55rem .75rem;
  }
  .gesh-events-table .gesh-table td:last-child{
    border-bottom:none;
  }
  /* Labels for stacked cells */
  .gesh-events-table .gesh-table td:nth-child(1)::before{ content:"Event"; font-weight:700; display:block; color:#666; margin-bottom:.15rem; }
  .gesh-events-table .gesh-table td:nth-child(2)::before{ content:"Dates"; font-weight:700; display:block; color:#666; margin-bottom:.15rem; }
  .gesh-events-table .gesh-table td:nth-child(3)::before{ content:"Customers"; font-weight:700; display:block; color:#666; margin-bottom:.15rem; }
  .gesh-events-table .gesh-table td:nth-child(4)::before{ content:"Tenants"; font-weight:700; display:block; color:#666; margin-bottom:.15rem; }
}

/* Optional dark mode polish */
@media (prefers-color-scheme: dark){
  .gesh-events-table{ background:#161616; box-shadow:none; }
  .gesh-events-table .gesh-events-month{ color:#eaeaea; }
  .gesh-events-table .gesh-table thead th{ background:#212121; border-bottom-color:#2a2a2a; color:#e6e6e6; }
  .gesh-events-table .gesh-table tbody td{ border-bottom-color:#222; color:#ddd; }
  .gesh-events-table .gesh-table tbody tr:nth-child(odd) td{ background:#191919; }
  .gesh-events-table .gesh-table tbody tr:hover td{ background:#1f1f1f; }
  .gesh-events-table .gesh-table a{ color:#f0c7a8; }
}


.gesh-events-table .gesh-table td:nth-child(1){
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}


/* Admin Floating Menu (menu only) */
.fab-nav{ position:fixed; right:max(16px, env(safe-area-inset-right)); bottom:max(16px, env(safe-area-inset-bottom)); z-index:1000 }
.fab-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px;
  background:var(--brand-brown); color:#fff; border:1px solid var(--brand-brown);
  font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.fab-btn:focus-visible{ outline:3px solid rgba(91,46,30,.35); outline-offset:3px }
.fab-icon{ display:inline-block }
.fab-label{ display:inline-block }

.fab-panel{
  margin-top:8px; background:#fff; border:1px solid var(--brand-brown);
  border-radius:12px; padding:12px; box-shadow:0 12px 28px rgba(0,0,0,.15);
  min-width:240px; max-width:88vw;
}
.fab-links{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px }
.fab-links a{
  display:block; text-align:center;
  padding:10px 12px; border-radius:12px;
  background:var(--brand-brown-100); color:var(--brand-brown);
  border:1px solid var(--brand-brown); font-weight:700; text-decoration:none;
}
.fab-links a:hover{ filter:brightness(.95) }

@media print{ .fab-nav{ display:none } }





//datatables css/* ===== GravityView DataTables — global theme ===== */
/* tokens */
:root{
  --dt-row-selected: 13,110,253;
  --dt-row-selected-text: 255,255,255;
  --dt-row-selected-link: 228,228,228;
  --dt-row-stripe: 0,0,0;
  --dt-row-hover: 0,0,0;
  --dt-column-ordering: 0,0,0;
  --dt-header-align-items: center;
  --dt-header-vertical-align: middle;
  --dt-html-background: #fff;
  --dt-row-hover-alpha: .035;
  --dt-row-stripe-alpha: .023;
  --dt-column-ordering-alpha: .019;
  --dt-row-selected-stripe-alpha: .923;
  --dt-row-selected-column-ordering-alpha: .919;
}
html.dark{ --dt-html-background: rgb(33,37,41); }

/* scope to GV’s DataTables container per docs */
.gv-datatables-container table.dataTable{ width:100%; margin:0 auto; border-spacing:0; }
.gv-datatables-container table.dataTable > thead > tr > th,
.gv-datatables-container table.dataTable > thead > tr > td{ padding:10px; border-bottom:1px solid rgba(0,0,0,.3); }
.gv-datatables-container table.dataTable > tfoot > tr > th,
.gv-datatables-container table.dataTable > tfoot > tr > td{ padding:10px 10px 6px; border-top:1px solid rgba(0,0,0,.3); }
.gv-datatables-container table.dataTable > tbody > tr > th,
.gv-datatables-container table.dataTable > tbody > tr > td{ padding:8px 10px; box-sizing:border-box; }

/* stripe / hover / ordering */
.gv-datatables-container table.dataTable.row-border > tbody > tr > *,
.gv-datatables-container table.dataTable.display   > tbody > tr > *{ border-top:1px solid rgba(0,0,0,.15); }
.gv-datatables-container table.dataTable.display>tbody>tr:nth-child(odd)>*{
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha));
}
.gv-datatables-container table.dataTable.display>tbody>tr:hover>*{
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha));
}
.gv-datatables-container table.dataTable.order-column>tbody tr>.sorting_1,
.gv-datatables-container table.dataTable.order-column>tbody tr>.sorting_2,
.gv-datatables-container table.dataTable.order-column>tbody tr>.sorting_3{
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha));
}

/* selected rows */
.gv-datatables-container table.dataTable > tbody > tr.selected > *{
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .9);
  color: rgb(var(--dt-row-selected-text));
}
.gv-datatables-container table.dataTable > tbody > tr.selected a{ color: rgb(var(--dt-row-selected-link)); }

/* header alignment + built-in sort arrows area */
.gv-datatables-container table.dataTable thead th,
.gv-datatables-container table.dataTable thead td,
.gv-datatables-container table.dataTable tfoot th,
.gv-datatables-container table.dataTable tfoot td{ vertical-align: var(--dt-header-vertical-align); }
.gv-datatables-container table.dataTable thead>tr>th div.dt-column-header,
.gv-datatables-container table.dataTable thead>tr>td div.dt-column-header{
  display:flex; justify-content:space-between; align-items:var(--dt-header-align-items); gap:4px;
}
.gv-datatables-container table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
.gv-datatables-container table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order{
  position:relative; width:12px; height:20px;
}
.gv-datatables-container table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
.gv-datatables-container table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before{
  position:absolute; bottom:50%; content:"\25B2"; opacity:.6; font-size:.8em; line-height:9px; left:0;
}
.gv-datatables-container table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
.gv-datatables-container table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after{
  position:absolute; top:50%; content:"\25BC"; opacity:.6; font-size:.8em; line-height:9px; left:0;
}

/* child-row control cell triangle (works with your dt-hasChild JS toggle) */
.gv-datatables-container table.dataTable tbody td.dt-control{ cursor:pointer; text-align:center; width:34px; }
.gv-datatables-container table.dataTable tbody td.dt-control:before{
  content:""; display:inline-block; box-sizing:border-box;
  border-top:5px solid transparent; border-left:10px solid rgba(0,0,0,.5);
  border-bottom:5px solid transparent;
}
.gv-datatables-container table.dataTable tbody tr.dt-hasChild td.dt-control:before{
  border-top:10px solid rgba(0,0,0,.5);
  border-left:5px solid transparent; border-bottom:0; border-right:5px solid transparent;
}
html.dark .gv-datatables-container table.dataTable td.dt-control:before{ border-left-color:rgba(255,255,255,.5); }
html.dark .gv-datatables-container table.dataTable tr.dt-hasChild td.dt-control:before{
  border-top-color:rgba(255,255,255,.5); border-left-color:transparent;
}

/* hide the hidden details template column in the table */
.gv-datatables-container table.dataTable td.gv-details-template,
.gv-datatables-container table.dataTable th.gv-details-template{ display:none; }

/* child row & long text */
.gv-child-wrap{ padding:12px 14px; background:#fafafa; border-left:3px solid #d1d5db; }
.gv-details{ white-space:pre-wrap; word-break:break-word; }
.gv-collapsible{ max-height:180px; overflow:auto; padding:8px; background:#fff; border:1px solid #e5e7eb; border-radius:8px; }
.gv-collapsible.is-expanded{ max-height:none; }

/* dark borders */
html.dark .gv-datatables-container table.dataTable > thead > tr > th,
html.dark .gv-datatables-container table.dataTable > thead > tr > td{ border-bottom:1px solid rgb(89,91,94); }
html.dark .gv-datatables-container table.dataTable.row-border > tbody > tr > *,
html.dark .gv-datatables-container table.dataTable.display   > tbody > tr > *{ border-top:1px solid rgb(64,67,70); }

//custom styling
.gv-datatables-container table.dataTable tbody td.dt-control:before {
	display: none;
}

.dataTables_wrapper .dataTables_length {
    float: right Important;
}

/* GF Summary Cards */
.gfsc-cards{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:12px;
	margin:10px 0 16px;
}
.gfsc-cards.gfsc-cols-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.gfsc-cards.gfsc-cols-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.gfsc-card{
	border:1px solid rgba(0,0,0,.12);
	border-radius:12px;
	padding:12px;
	background:#fff;
}
html.dark .gfsc-card{ background:#111; border-color:rgba(255,255,255,.15); }
.gfsc-top{
	display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px;
}
.gfsc-label{ font-weight:600; color:#374151; }
html.dark .gfsc-label{ color:#e5e7eb; }
.gfsc-val{ font-size:1.6rem; font-weight:700; line-height:1.1; }
.gfsc-prev{ font-size:.8rem; opacity:.65; margin-top:4px; }
.gfsc-delta{ font-size:.9rem; font-weight:600; display:flex; align-items:center; gap:6px; }
.gfsc-delta .gfsc-arrow{ font-size:.95rem; }
.gfsc-delta.gfsc-up{ color:#059669; }		/* green */
.gfsc-delta.gfsc-down{ color:#dc2626; }	/* red */
.gfsc-delta.gfsc-flat{ color:#6b7280; }
.gfsc-trend{ margin-top:6px; color:#6b7280; }
.gfsc-spark{ display:block; }
@media (max-width: 900px){
	.gfsc-cards{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
	.gfsc-cards{ grid-template-columns:repeat(1, minmax(0,1fr)); }
}

.gform-theme--foundation .gform_fields {
	grid-row-gap: 20px !important;
    row-gap: 20px !important;
}

.gform-settings-panel__content table.gsurvey-likert td {
	text-align: left !important;
}