/* Congo Star UI: shared tokens, components, then responsive rules.
   !important is reserved for hidden state and WordPress chrome isolation. */
:root {
  --cs-bg:#fffdf6;
  --cs-card:#fff;
  --cs-text:#102033;
  --cs-muted:#596579;
  --cs-border:#e8e3d7;
  --cs-primary:#082f63;
  --cs-navy:#082f63;
  --cs-navy-deep:#051f43;
  --cs-gold:#d8a62a;
  --cs-gold-soft:#f4d77b;
  --cs-cream:#fffdf6;
  --cs-radius:16px;
  --cs-shadow:0 8px 24px rgba(5,31,67,.055)
}
.cs-shell,.cs-admin-layout,.cs-shell *,.cs-admin-layout * {
  box-sizing:border-box
}
body.cs-standalone-app {
  margin:0!important;
  padding:0!important;
  background:var(--cs-bg);
  color:var(--cs-text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5
}
.cs-standalone-app #wpadminbar {
  display:none!important
}
.cs-shell,.cs-admin-layout {
  color:var(--cs-text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5
}
.cs-shell {
  max-width:1180px;
  margin:0 auto;
  padding:28px
}
.cs-shell--centered {
  min-height:100vh;
  display:grid;
  place-items:center
}
.cs-shell [hidden],.cs-admin-layout [hidden] {
  display:none!important
}
.cs-shell h1,.cs-admin-layout h1 {
  font-size:clamp(1.6rem,2.8vw,2.4rem);
  line-height:1.18;
  margin:0 0 16px;
  color:var(--cs-navy-deep);
  overflow-wrap:anywhere
}
.cs-shell h2,.cs-admin-layout h2 {
  font-size:1.35rem;
  line-height:1.3;
  margin:0 0 14px;
  color:var(--cs-navy-deep);
  overflow-wrap:anywhere
}
.cs-shell p,.cs-admin-layout p {
  margin:0 0 14px
}
.cs-card {
  min-width:0;
  background:var(--cs-card);
  border:1px solid var(--cs-border);
  border-radius:var(--cs-radius);
  box-shadow:var(--cs-shadow);
  padding:22px
}
.cs-login-card {
  width:min(460px,100%)
}
.cs-brand {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0
}
.cs-brand strong,.cs-brand span {
  display:block
}
.cs-brand span,.cs-muted {
  color:var(--cs-muted)
}
.cs-brand-logo {
  width:170px;
  max-width:45vw;
  height:auto;
  object-fit:contain;
  background:#fff;
  border-radius:12px;
  padding:6px 8px
}
.cs-brand--logo {
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}
.cs-brand--logo img {
  display:block;
  width:170px;
  max-width:100%;
  height:66px;
  object-fit:contain;
  background:#fff;
  border-radius:12px;
  padding:5px 8px
}
.cs-brand--logo span {
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--cs-gold-soft)
}
.cs-login-card .cs-brand {
  margin-bottom:24px;
  flex-wrap:wrap
}
.cs-topbar,.cs-page-header,.cs-hero,.cs-section-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px
}
.cs-topbar {
  margin-bottom:26px
}
.cs-page-header {
  margin-bottom:20px
}
.cs-page-header h1 {
  margin-bottom:0
}
.cs-hero {
  margin:24px 0
}
.cs-section-title {
  margin-bottom:18px
}
.cs-section-title p {
  margin:0
}
.cs-eyebrow {
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
  color:#805d0b
}
.cs-grid,.cs-detail-grid,.cs-report-grid {
  display:grid;
  gap:16px;
  margin-bottom:20px
}
.cs-grid--2,.cs-detail-grid,.cs-report-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.cs-grid--3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.cs-grid--4 {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.cs-stat {
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px
}
.cs-stat span {
  font-size:.9rem
}
.cs-stat strong {
  display:block;
  font-size:1.75rem;
  line-height:1.2;
  color:var(--cs-navy);
  overflow-wrap:anywhere
}
.cs-stat--compact strong {
  font-size:1.6rem
}
.cs-stat--attention {
  background:#fff9e9;
  text-decoration:none;
  border-color:#dfc880;
  color:var(--cs-text)
}
.cs-stat--attention small {
  color:#805d0b
}
.cs-stat .cs-agent-status-text,.cs-stat .cs-agent-last-activity {
  font-size:1.3rem
}
.cs-button,.cs-row-action {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  min-height:44px;
  max-width:100%;
  padding:10px 16px;
  border:1px solid transparent;
  border-radius:10px;
  font:inherit;
  font-size:.9rem;
  font-weight:700;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  white-space:normal
}
.cs-button--primary,.cs-survey-filter-primary {
  background:var(--cs-navy);
  color:#fff;
  border-color:var(--cs-navy)
}
.cs-button--primary:hover,.cs-survey-filter-primary:hover {
  background:var(--cs-navy-deep);
  color:#fff
}
.cs-button--secondary,.cs-survey-filter-reset {
  background:#fff;
  color:var(--cs-navy);
  border-color:#c9c1b1
}
.cs-button--secondary:hover,.cs-survey-filter-reset:hover {
  background:#f8f5ed;
  color:var(--cs-navy-deep)
}
.cs-survey-export,.cs-row-action {
  background:#fffaf0;
  color:var(--cs-navy);
  border-color:#d8a62a
}
.cs-survey-export:hover,.cs-row-action:hover {
  background:#f5e8bf;
  color:var(--cs-navy-deep)
}
.cs-button--danger {
  background:#fff;
  color:#b91c1c;
  border-color:#e9b8b8
}
.cs-button:disabled {
  opacity:.65;
  cursor:wait
}
.cs-row-action {
  min-height:36px;
  padding:6px 10px;
  font-size:.8rem
}
.cs-link,.cs-table a {
  color:var(--cs-navy);
  font-weight:700;
  text-decoration:none
}
.cs-link:hover,.cs-table a:hover {
  text-decoration:underline
}
.cs-shell :focus-visible,.cs-admin-layout :focus-visible {
  outline:3px solid #417cab;
  outline-offset:3px
}
.cs-alert {
  padding:12px 14px;
  border-radius:12px;
  margin:16px 0;
  overflow-wrap:anywhere
}
.cs-alert--error {
  background:#fef2f2;
  color:#991b1b;
  border:1px solid #fecaca
}
.cs-alert--success {
  background:#ecfdf5;
  color:#065f46;
  border:1px solid #a7f3d0
}
/* One admin frame, shared by all seven views. Navigation never consumes free height. */
.cs-admin-layout {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  min-height:100vh;
  background:var(--cs-bg)
}
.cs-admin-layout>.cs-sidebar {
  position:sticky;
  top:0;
  height:100vh;
  height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:24px 18px 20px;
  overflow-y:auto;
  background:linear-gradient(180deg,var(--cs-navy-deep),var(--cs-navy));
  border-right:1px solid #29476c
}
.cs-sidebar>.cs-brand {
  flex:0 0 auto;
  margin-bottom:22px
}
.cs-sidebar>.cs-nav {
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  gap:7px;
  margin:0;
  padding:0
}
.cs-sidebar .cs-nav a {
  display:flex;
  flex:0 0 46px;
  align-items:center;
  height:46px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:10px;
  font-size:.94rem;
  line-height:1.2;
  text-decoration:none;
  color:#e1e8f0
}
.cs-sidebar .cs-nav a:hover {
  background:#ffffff12;
  color:#fff
}
.cs-sidebar .cs-nav a.is-active {
  background:#d8a62a26;
  border-color:#d8a62a70;
  box-shadow:inset 3px 0 0 var(--cs-gold);
  color:#fff;
  font-weight:700
}
.cs-sidebar-user {
  display:grid;
  gap:6px;
  margin-top:auto;
  padding-top:24px;
  overflow-wrap:anywhere;
  color:#d5dfeb;
  font-size:.9rem
}
.cs-sidebar-user .cs-link {
  color:var(--cs-gold-soft)
}
.cs-admin-content {
  min-width:0;
  padding:28px;
  container-type:inline-size;
  container-name:admin
}
.cs-mobile-admin-header {
  display:none
}
/* Forms and field survey */
.cs-form {
  display:grid;
  gap:18px;
  margin-top:24px
}
.cs-form label,.cs-field,.cs-survey-filter-field {
  display:grid;
  gap:7px;
  font-weight:600;
  min-width:0
}
.cs-field {
  margin-bottom:18px
}
.cs-form-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px
}
.cs-form input,.cs-field input,.cs-field select,.cs-field textarea,.cs-hidden-field,.cs-survey-filter-field input,.cs-survey-filter-field select {
  display:block;
  min-width:0;
  max-width:100%;
  width:100%;
  min-height:46px;
  padding:11px 12px;
  border:1px solid #c5cbd3;
  border-radius:10px;
  font:inherit;
  font-size:1rem;
  line-height:1.4;
  background:#fff;
  color:var(--cs-text)
}
.cs-field textarea {
  resize:vertical
}
.cs-field small {
  font-size:.82rem;
  font-weight:400
}
.cs-field input:focus,.cs-field select:focus,.cs-field textarea:focus,.cs-form input:focus {
  border-color:var(--cs-navy)
}
.cs-fieldset {
  min-width:0;
  border:0;
  padding:0;
  margin:22px 0
}
.cs-fieldset legend {
  font-weight:700;
  margin-bottom:12px
}
.cs-choice-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}
.cs-inline-choices {
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.cs-choice,.cs-checkline {
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer
}
.cs-choice {
  min-height:46px;
  padding:11px 12px;
  border:1px solid #c5cbd3;
  border-radius:10px;
  background:#fff
}
.cs-checkline {
  min-height:44px;
  margin:0 0 18px
}
.cs-choice input,.cs-checkline input {
  flex:0 0 auto;
  width:20px;
  height:20px;
  accent-color:var(--cs-navy)
}
.cs-choice:has(input:checked) {
  border-color:var(--cs-navy);
  background:#f0f5fb
}
.cs-hidden-field {
  display:none;
  margin-top:12px
}
.cs-hidden-field.is-visible {
  display:block
}
.cs-survey-card {
  max-width:900px;
  margin:0 auto
}
.cs-progress-wrap {
  margin-bottom:24px
}
.cs-progress-meta {
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:.85rem;
  font-weight:700;
  margin-bottom:8px
}
.cs-progress {
  height:8px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden
}
.cs-progress span {
  display:block;
  height:100%;
  background:var(--cs-navy);
  transition:width .2s
}
.cs-step {
  display:none
}
.cs-step.is-active {
  display:block
}
.cs-form-actions {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid var(--cs-border)
}
.cs-form-actions.is-first {
  justify-content:flex-end
}
.cs-gps-card {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid var(--cs-border);
  border-radius:12px;
  margin:18px 0;
  background:#fff
}
.cs-gps-card>div {
  flex:1 1 240px
}
.cs-gps-card p {
  margin:8px 0 0
}
.cs-gps-card.is-ok {
  border-color:#94cbb0;
  background:#f0fdf4
}
.cs-gps-card.is-busy {
  opacity:.85
}
.cs-photo-preview {
  margin:8px 0 22px
}
.cs-photo-preview img {
  display:block;
  max-width:100%;
  max-height:360px;
  object-fit:contain;
  border-radius:12px
}
.cs-review-note {
  padding:16px;
  background:#f8f6ef;
  border:1px solid var(--cs-border);
  border-radius:12px
}
.cs-review-note p {
  margin:8px 0 0;
  color:var(--cs-muted)
}
.cs-validation-error {
  margin:8px 0 0;
  color:#b42318;
  font-size:.88rem;
  font-weight:600
}
.cs-field .is-invalid,.cs-fieldset .is-invalid {
  border:2px solid #b42318
}
.cs-gps-card>.cs-validation-error {
  flex-basis:100%
}
/* Survey filters: layout follows available panel width, including sidebar. */
.cs-survey-filter-panel {
  margin-bottom:20px;
  container-type:inline-size;
  container-name:filters
}
.cs-survey-filter-form {
  display:grid;
  gap:14px
}
.cs-survey-filter-field>span {
  font-size:.83rem;
  color:#344054
}
.cs-survey-filter-main {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
.cs-survey-filter-bottom {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:16px
}
.cs-survey-period {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,170px));
  gap:6px 10px;
  min-width:0
}
.cs-survey-period-title {
  grid-column:1/-1;
  font-size:.84rem;
  font-weight:700
}
.cs-survey-filter-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-left:auto
}
.cs-survey-export-row {
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--cs-border)
}
.cs-result-count {
  color:var(--cs-muted);
  font-size:.9rem
}
/* Tables share typography only; survey column sizing is explicitly scoped. */
.cs-table-wrap {
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain
}
.cs-table {
  width:100%;
  border-collapse:collapse;
  table-layout:auto
}
.cs-table th,.cs-table td {
  text-align:left;
  padding:11px 9px;
  border-bottom:1px solid var(--cs-border);
  vertical-align:middle;
  font-size:.86rem;
  overflow-wrap:anywhere
}
.cs-table th {
  font-size:.75rem;
  color:var(--cs-navy-deep);
  background:#f9f6ed;
  font-weight:700
}
.cs-table tbody tr:hover {
  background:#fffdf5
}
.cs-surveys-table {
  min-width:900px;
  table-layout:fixed
}
.cs-surveys-table th:nth-child(1) {
  width:145px
}
.cs-surveys-table th:nth-child(3) {
  width:105px
}
.cs-surveys-table th:nth-child(5) {
  width:100px
}
.cs-surveys-table th:nth-child(6) {
  width:85px
}
.cs-surveys-table th:nth-child(7) {
  width:75px
}
.cs-surveys-table th:nth-child(8) {
  width:100px
}
.cs-surveys-table th:nth-child(9) {
  width:65px
}
.cs-surveys-table td:first-child {
  white-space:nowrap;
  overflow-wrap:normal
}
.cs-surveys-table td:nth-child(4) {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.cs-surveys-table .cs-date-cell {
  overflow-wrap:normal
}
.cs-surveys-table .cs-col-action {
  text-align:center
}
.cs-badge,.cs-quality {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 8px;
  font-size:.76rem;
  font-weight:700;
  white-space:nowrap
}
.cs-badge--oui,.cs-quality--good {
  background:#e8f6ed;
  color:#14633f
}
.cs-badge--a_confirmer,.cs-quality--review {
  background:#fff3d4;
  color:#88540a
}
.cs-badge--non,.cs-quality--bad {
  background:#fcecec;
  color:#a62c2c
}
.cs-back-link {
  display:inline-block;
  margin-bottom:10px;
  color:var(--cs-muted);
  text-decoration:none;
  font-weight:600
}
.cs-detail-grid,.cs-detail-media {
  align-items:start
}
.cs-details {
  margin:0
}
.cs-details div {
  display:grid;
  grid-template-columns:minmax(110px,38%) minmax(0,1fr);
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid var(--cs-border)
}
.cs-details div:last-child {
  border:0
}
.cs-details dt {
  color:var(--cs-muted)
}
.cs-details dd {
  margin:0;
  font-weight:600;
  overflow-wrap:anywhere
}
.cs-admin-photo {
  display:block;
  width:100%;
  max-height:360px;
  object-fit:contain;
  border-radius:12px;
  background:#f8f6ef
}
.cs-observation {
  line-height:1.7;
  overflow-wrap:anywhere
}
.cs-quality-score-block {
  margin:12px 0 18px
}
.cs-quality-score-block .cs-quality {
  font-size:1.2rem;
  padding:10px 14px
}
.cs-quality-alerts {
  padding:16px;
  margin-top:16px;
  border:1px solid #e5c38b;
  background:#fff8ea;
  border-radius:12px;
  color:#805114
}
.cs-quality-alerts ul {
  margin:10px 0 0;
  padding-left:20px
}
.cs-quality-alerts li+li {
  margin-top:5px
}
.cs-admin-map {
  height:clamp(340px,65vh,620px);
  border-radius:12px;
  overflow:hidden
}
.cs-map-legend {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:14px;
  font-size:.9rem
}
.cs-map-legend span {
  display:flex;
  align-items:center;
  gap:7px
}
.cs-dot {
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block
}
.cs-dot--oui {
  background:#18704a
}
.cs-dot--a_confirmer {
  background:#b87713
}
.cs-dot--non {
  background:#b83b3b
}
.cs-top-space {
  margin-top:18px
}
.cs-agent-create {
  margin-bottom:20px
}
.cs-agent-form-actions {
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap
}
.cs-mini-label {
  display:inline-flex;
  margin-left:6px;
  padding:3px 6px;
  border-radius:999px;
  background:#edf3fa;
  color:var(--cs-navy);
  font-size:.68rem;
  font-weight:800
}
.cs-security-block {
  padding:18px 0;
  border-bottom:1px solid var(--cs-border)
}
.cs-security-block:last-child {
  border:0
}
.cs-security-block:first-of-type {
  padding-top:0
}
.cs-report-filter {
  margin-bottom:20px
}
.cs-report-filter-form {
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:12px
}
.cs-report-filter-form .cs-field {
  margin:0;
  flex:0 1 180px
}
.cs-report-filter-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.cs-chart-card--wide {
  grid-column:1/-1
}
.cs-chart-heading {
  margin-bottom:12px
}
.cs-chart-wrap {
  position:relative;
  width:100%
}
.cs-chart-wrap--small {
  height:270px
}
.cs-chart-wrap--wide {
  height:340px
}
.cs-report-table-card {
  margin-bottom:20px
}
.cs-summary-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.cs-summary-grid>div {
  padding:16px;
  border:1px solid var(--cs-border);
  border-radius:12px
}
.cs-summary-grid span,.cs-summary-grid strong {
  display:block
}
.cs-summary-grid span,.cs-summary-grid p {
  color:var(--cs-muted)
}
.cs-summary-grid strong {
  font-size:1.7rem;
  margin:8px 0
}
.cs-summary-grid p {
  margin:0
}
@container filters (max-width:620px) {
  .cs-survey-filter-main {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .cs-survey-filter-bottom {
    display:grid;
    grid-template-columns:1fr
  }
  .cs-survey-period {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .cs-survey-filter-actions {
    margin:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@container admin (max-width:760px) {
  .cs-grid--4 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .cs-detail-grid,.cs-report-grid,.cs-summary-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:900px) {
  .cs-admin-layout {
    grid-template-columns:minmax(0,1fr)
  }
  .cs-admin-layout>.cs-sidebar {
    display:none
  }
  .cs-mobile-admin-header {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:24px;
    padding:12px;
    background:#fff;
    border:1px solid var(--cs-border);
    border-radius:12px
  }
  .cs-mobile-admin-header .cs-brand--logo img {
    width:110px;
    height:44px
  }
  .cs-mobile-admin-header .cs-brand--logo span {
    display:none
  }
  .cs-mobile-admin-header select {
    flex:1 1 150px;
    min-width:0;
    max-width:100%;
    min-height:44px;
    padding:8px;
    border:1px solid #c5cbd3;
    border-radius:8px;
    background:#fff;
    color:var(--cs-navy);
    font:inherit
  }
  .cs-grid--4 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:640px) {
  .cs-shell,.cs-admin-content {
    padding:16px
  }
  .cs-card {
    padding:16px
  }
  .cs-topbar,.cs-page-header,.cs-hero,.cs-section-title {
    align-items:flex-start;
    flex-wrap:wrap
  }
  .cs-topbar .cs-brand {
    flex-wrap:wrap
  }
  .cs-brand-logo {
    width:140px
  }
  .cs-grid--3,.cs-grid--2,.cs-detail-grid,.cs-report-grid,.cs-summary-grid,.cs-form-grid,.cs-choice-grid {
    grid-template-columns:1fr
  }
  .cs-grid--4 {
    gap:10px
  }
  .cs-stat {
    padding:14px
  }
  .cs-stat strong {
    font-size:1.5rem
  }
  .cs-details div {
    grid-template-columns:1fr;
    gap:4px
  }
  .cs-form-actions {
    position:sticky;
    z-index:20;
    bottom:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:12px 0 calc(12px + env(safe-area-inset-bottom));
    background:#fff;
    box-shadow:0 -6px 16px #051f430a
  }
  .cs-form-actions.is-first .cs-button {
    grid-column:1/-1
  }
  .cs-form-actions .cs-button {
    width:100%;
    min-width:0;
    padding:12px 8px
  }
  .cs-gps-card>.cs-button {
    width:100%
  }
  .cs-gps-card>div {
    flex-basis:100%
  }
  .cs-agent-form-actions {
    align-items:stretch;
    flex-direction:column
  }
  .cs-report-filter-form .cs-field {
    flex:1 1 130px
  }
  .cs-report-filter-actions {
    width:100%
  }
  .cs-survey-export-row form,.cs-survey-export {
    width:100%
  }
  .cs-survey-filter-main {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .cs-table th,.cs-table td {
    min-width:90px
  }
  .cs-surveys-table th,.cs-surveys-table td {
    min-width:0
  }
}
@media(max-width:390px) {
  .cs-survey-filter-main {
    grid-template-columns:1fr
  }
}
@media(prefers-reduced-motion:reduce) {
  .cs-progress span {
    transition:none
  }
  .cs-shell *,.cs-admin-layout * {
    scroll-behavior:auto
  }
}
@media print {
  body.cs-standalone-app {
    background:#fff
  }
  .cs-admin-layout {
    display:block
  }
  .cs-sidebar,.cs-mobile-admin-header,.cs-report-filter,.cs-button {
    display:none!important
  }
  .cs-admin-content {
    padding:0;
    container-type:normal
  }
  .cs-card {
    box-shadow:none;
    break-inside:avoid
  }
  .cs-report-grid {
    display:block
  }
  .cs-chart-card {
    margin-bottom:18px
  }
  .cs-table-wrap {
    overflow:visible
  }
}