/* Tulip Tower V48.92 — survey preview, "Other" option and compact public layout */

/* V48.93 — survey page width + one-line header navigation */
body.survey-list-page .inner-main,
body.survey-detail-page .inner-main,
body.survey-results-page .inner-main{
  background:linear-gradient(180deg,#f5fbfe 0%,#fbfdfe 42%,#fff 100%)!important;
  overflow-x:hidden;
}
body.survey-list-page .survey-page,
body.survey-detail-page .survey-page,
body.survey-results-page .survey-page{
  padding-top:28px!important;
  padding-bottom:64px!important;
}

/* Survey content and the public inner header now share one desktop width. */
body.survey-list-page .survey-page .survey-shell,
body.survey-detail-page .survey-page .survey-shell,
body.survey-results-page .survey-page .survey-shell,
body.survey-list-page .inner-header .header-shell,
body.survey-detail-page .inner-header .header-shell,
body.survey-results-page .inner-header .header-shell{
  width:min(1320px,calc(100% - 32px))!important;
  max-width:1320px!important;
}

/* Keep the form proportion controlled even though the outer shell is wider. */
body.survey-detail-page .survey-form-grid{
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:20px!important;
  margin-top:20px!important;
}
body.survey-detail-page .survey-form-card{padding:22px!important}
body.survey-detail-page .survey-aside{top:100px!important}
body.survey-detail-page .survey-title,
body.survey-results-page .survey-title,
body.survey-list-page .survey-title{max-width:980px}
body.survey-detail-page .survey-lead,
body.survey-results-page .survey-lead,
body.survey-list-page .survey-lead{max-width:940px}

/* Override the generic V93 header rule which allows menu text to wrap. */
@media(min-width:1051px){
  body.survey-list-page .inner-header .header-shell,
  body.survey-detail-page .inner-header .header-shell,
  body.survey-results-page .inner-header .header-shell{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    column-gap:10px!important;
  }
  body.survey-list-page .inner-header .desktop-nav,
  body.survey-detail-page .inner-header .desktop-nav,
  body.survey-results-page .inner-header .desktop-nav{
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    width:100%!important;
    min-width:0!important;
    gap:0!important;
    white-space:nowrap!important;
  }
  body.survey-list-page .inner-header .desktop-nav>a,
  body.survey-detail-page .inner-header .desktop-nav>a,
  body.survey-results-page .inner-header .desktop-nav>a{
    flex:1 1 auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.15!important;
    padding:13px clamp(7px,.65vw,12px)!important;
  }
}
@media(min-width:1051px) and (max-width:1220px){
  body.survey-list-page .inner-header .desktop-nav>a,
  body.survey-detail-page .inner-header .desktop-nav>a,
  body.survey-results-page .inner-header .desktop-nav>a{
    font-size:15px!important;
    padding-inline:6px!important;
  }
}

/* Admin draft preview notice */
.survey-preview-banner{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid #b9ddeb;
  border-radius:13px;
  background:linear-gradient(135deg,#eaf7fd,#f7fcff);
  color:#174b67;
  box-shadow:0 8px 22px rgba(31,111,151,.08);
}
.survey-preview-banner>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#1e719d;color:#fff;font-size:15px}
.survey-preview-banner strong{display:block;font-size:14px;line-height:1.35}
.survey-preview-banner small{display:block;margin-top:2px;color:#668392;font-size:12px;line-height:1.45}
.survey-submit.is-preview{background:#8aa6b5!important;cursor:not-allowed!important;opacity:.85}

/* Other answer option */
.survey-choice--other{
  border-style:dashed!important;
  border-color:#9cc9dc!important;
  background:linear-gradient(135deg,#f5fbfe,#eef8fc)!important;
}
.survey-choice--other strong,
.survey-image-choice--other strong{color:#175d7f!important}
.survey-other-input{display:none;margin:8px 0 2px;padding:10px;border-left:3px solid #2c86b1;border-radius:0 10px 10px 0;background:#f1f9fd}
.survey-other-input.is-visible{display:block}
.survey-other-input .survey-input{height:46px;background:#fff;border-color:#bcd9e6}
.survey-image-choice--other{min-height:92px;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#f6fbfe,#eaf6fc)!important;border-style:dashed!important}
.survey-other-input--image{grid-column:1/-1}

/* Results: make Other clearly separate from predefined choices. */
.survey-result-row--other{margin-top:14px;padding-top:12px;border-top:1px dashed #cbdde7}
.survey-result-row--other .survey-result-label{font-weight:800;color:#175d7f}
.survey-other-results{margin:8px 0 4px;padding:10px 12px;border-radius:11px;background:#f4f9fc}
.survey-other-results .survey-comment{background:#fff;border:1px solid #e0edf3}

@media(max-width:900px){
  body.survey-detail-page .survey-form-grid{grid-template-columns:1fr!important}
  body.survey-detail-page .survey-aside{position:static!important}
}
@media(max-width:720px){
  body.survey-list-page .survey-page .survey-shell,
  body.survey-detail-page .survey-page .survey-shell,
  body.survey-results-page .survey-page .survey-shell{width:calc(100% - 20px)!important;max-width:none!important}
  body.survey-list-page .survey-page,
  body.survey-detail-page .survey-page,
  body.survey-results-page .survey-page{padding-top:20px!important;padding-bottom:44px!important}
  body.survey-detail-page .survey-form-card{padding:16px 14px!important}
  .survey-preview-banner{align-items:flex-start}
}