/*
 * 갈래 M — 1:1 문의 (화면 키 ticket, 페이지 /support/ticket/). 목록·작성·상세(스킨 fluxboard/skins/qna 의 .fhq*).
 * 저장부·nonce·name·data-* 는 스킨 PHP 그대로(이 파일은 모양만). 마이페이지 안 「1:1 문의」 탭(.fhb-tickets*)은 mypage.css.
 * 면: 머리 어둡게 얇은 띠 + 본문 밝게. 본문 규칙은 공통 셸 <main id="main"> 안만 겨냥.
 */
.fx-plugin--ticket{overflow-x:clip;background:var(--fx-paper)}
.fx-plugin--ticket .fx-plugin__head{padding:calc(76px + var(--fx-sp-6)) 0 var(--fx-sp-6);background:var(--fx-s1);color:var(--fx-t1)}
.fx-plugin--ticket .fx-plugin__head-in,.fx-plugin--ticket .fx-plugin__wrap{max-width:var(--fx-wrap-w);margin:0 auto;padding:0 var(--fx-gut)}
.fx-plugin--ticket .fx-plugin__title{margin:0;font-size:var(--fx-size-h3);font-weight:700;letter-spacing:-.025em;line-height:1.3;color:var(--fx-t1)}
.fx-plugin--ticket .fx-plugin__body{padding:var(--fx-sp-8) 0 var(--fx-sp-24);background:var(--fx-paper);color:var(--fx-k1)}
#main .fs-plugin{display:block;padding:0;background:none;color:var(--fx-k1);font-family:var(--fx-face)}
#main .fhq{max-width:820px;margin:0 auto;color:var(--fx-k1);font-family:var(--fx-face)}

/* 목록 */
#main .fhq__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--fx-sp-3);margin:0 0 var(--fx-sp-4)}
#main .fhq__total{font-size:var(--fx-size-small);color:var(--fx-k3)}
#main .fhq__total strong{color:var(--fx-k1);font-variant-numeric:tabular-nums}
#main a.fhq__cta,#main button.fhq__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--fx-sp-6);border:1px solid var(--fx-k1);border-radius:var(--fx-radius-pill);background:var(--fx-k1);font-size:15px;font-weight:600;color:#fff;text-decoration:none;cursor:pointer}
#main a.fhq__cta:hover,#main button.fhq__cta:hover{border-color:#000;background:#000;color:var(--fx-brand)}
#main .fhq__cta.fhq-submit{min-height:52px;font-size:16px}
#main .fhq__list{margin:0;padding:0;list-style:none;border-top:2px solid var(--fx-k1)}
#main .fhq__item{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:var(--fx-sp-4);min-height:68px;margin:0;padding:var(--fx-sp-3) var(--fx-sp-2);border:0;border-bottom:1px solid var(--fx-edge-paper);border-radius:0;background:none}
#main .fhq__item.is-mine{background:#fff;box-shadow:inset 4px 0 0 var(--fx-brand);padding-left:var(--fx-sp-4)}
#main .fhq__status{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:28px;padding:0 var(--fx-sp-3);border:1px solid var(--fx-edge-paper-strong);border-radius:var(--fx-radius-pill);background:#fff;font-size:var(--fx-size-min);font-weight:600;color:var(--fx-k2)}
#main .fhq__status--done{border-color:var(--fx-brand);background:var(--fx-brand);color:var(--fx-brand-ink)}
#main a.fhq__subject,#main span.fhq__subject{display:flex;align-items:center;gap:var(--fx-sp-2);min-height:44px;min-width:0;font-size:17px;font-weight:600;line-height:1.4;color:var(--fx-k1);text-decoration:none;overflow:hidden;text-overflow:ellipsis}
#main a.fhq__subject:hover{text-decoration:underline;text-underline-offset:3px}
#main .fhq__subject--locked{font-weight:500;color:var(--fx-k3)}
#main .fhq__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--fx-sp-3);font-size:var(--fx-size-min);color:var(--fx-k3);font-variant-numeric:tabular-nums}
#main .fhq__mine{font-style:normal;font-weight:700;color:var(--fx-k1)}
#main .fhq__login,#main .fhq__saved{margin:var(--fx-sp-6) 0 0;font-size:var(--fx-size-small);line-height:1.7;color:var(--fx-k2)}
#main .fhq__login a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--fx-k1);text-decoration:underline;text-underline-offset:3px}
#main .fhq__saved{padding:var(--fx-sp-3) var(--fx-sp-4);border-left:4px solid var(--fx-brand);border-radius:var(--fx-radius-s);background:#fff;font-weight:600;color:var(--fx-k1)}
/* 빈 상태 = C0 .fx-empty 와 같은 모양 + 다음 행동 */
#main .fhq__empty{display:grid;align-content:start;justify-items:start;gap:var(--fx-sp-3);margin:0;padding:var(--fx-sp-8);border:1px dashed var(--fx-edge-paper-strong);border-radius:var(--fx-radius-l);background:var(--fx-tint)}
#main .fhq__empty-t{margin:0;font-size:var(--fx-size-h3);font-weight:700;line-height:1.3;letter-spacing:-.025em;color:var(--fx-k1)}
#main .fhq__empty-d{max-width:520px;margin:0;font-size:16px;line-height:1.7;color:var(--fx-k2)}

/* 상세: 질문은 연한 면, 답변은 어두운 면(누가 말했는지 면으로 구분) */
#main .fhq__view-head{margin:0 0 var(--fx-sp-6);padding:0 0 var(--fx-sp-4);border-bottom:2px solid var(--fx-k1)}
#main .fhq__view-subject{margin:var(--fx-sp-2) 0;font-size:var(--fx-size-h3);font-weight:700;line-height:1.3;letter-spacing:-.025em;color:var(--fx-k1)}
#main .fhq__date{font-size:var(--fx-size-small);color:var(--fx-k3);font-variant-numeric:tabular-nums}
#main .fhq__thread{display:grid;gap:var(--fx-sp-4);margin:0 0 var(--fx-sp-6)}
#main .fhq__msg{margin:0;padding:var(--fx-sp-6);border:0;border-radius:var(--fx-radius-l)}
#main .fhq__msg--q{background:var(--fx-paper-2);color:var(--fx-k1)}
#main .fhq__msg--a{background:var(--fx-s1);color:var(--fx-t1)}
#main .fhq__badge{display:inline-flex;align-items:center;min-height:28px;margin:0 0 var(--fx-sp-3);padding:0 var(--fx-sp-3);border-radius:var(--fx-radius-pill);background:var(--fx-brand);font-size:var(--fx-size-min);font-weight:700;color:var(--fx-brand-ink)}
#main .fhq__msg--q .fhq__badge{background:#fff;border:1px solid var(--fx-edge-paper-strong);color:var(--fx-k2)}
#main .fhq__body{font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
#main .fhq__body p{margin:0 0 var(--fx-sp-3)}
#main .fhq__body a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#main .fhq__waiting{margin:0 0 var(--fx-sp-6);padding:var(--fx-sp-4) var(--fx-sp-6);border:1px dashed var(--fx-edge-paper-strong);border-radius:var(--fx-radius-l);font-size:16px;line-height:1.7;color:var(--fx-k2)}
#main .fhq__view-actions{display:flex;flex-wrap:wrap;gap:var(--fx-sp-2);margin:var(--fx-sp-6) 0 0}
#main a.fhq__ghost,#main button.fhq__ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--fx-sp-4);border:1px solid var(--fx-edge-paper-strong);border-radius:var(--fx-radius-pill);background:#fff;font-size:15px;font-weight:600;color:var(--fx-k1);text-decoration:none;cursor:pointer}
#main a.fhq__ghost:hover,#main button.fhq__ghost:hover{border-color:var(--fx-k1);background:var(--fx-paper-2)}

/* 작성·관리자 답변 폼 (입력 52px) */
#main .fhq__form{display:grid;gap:var(--fx-sp-4)}
#main .fhq__field{display:grid;gap:var(--fx-sp-2);margin:0}
#main .fhq__label,#main .fhq__answer-label{font-size:var(--fx-size-small);font-weight:600;color:var(--fx-k1)}
#main .fhq__req{margin-left:2px;color:var(--fx-alert-paper)}
#main .fhq__input{width:100%;min-height:52px;padding:0 var(--fx-sp-4);border:1px solid var(--fx-edge-paper-strong);border-radius:var(--fx-radius-m);background:#fff;font-size:16px;color:var(--fx-k1);box-shadow:none}
#main .fhq__input--area,#main .fhq__answer-input{width:100%;min-height:180px;padding:var(--fx-sp-3) var(--fx-sp-4);border:1px solid var(--fx-edge-paper-strong);border-radius:var(--fx-radius-m);background:#fff;font-size:16px;line-height:1.7;color:var(--fx-k1);resize:vertical}
#main :is(.fhq__input,.fhq__input--area,.fhq__answer-input):focus{border-color:var(--fx-k1);outline:2px solid var(--fx-k1);outline-offset:1px;box-shadow:none}
#main .fhq__answer-help{margin:0;font-size:var(--fx-size-small);color:var(--fx-k3)}
#main .fhq__answer{margin:var(--fx-sp-6) 0 0;padding:var(--fx-sp-6);border:1px solid var(--fx-edge-paper);border-radius:var(--fx-radius-l);background:#fff}
#main .fhq__form-actions{display:flex;flex-wrap:wrap;gap:var(--fx-sp-2);margin:var(--fx-sp-2) 0 0}
#main :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--fx-k1);outline-offset:2px}
#main .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
html[data-fx-surface] .fhc-bell .fhc-bell__badge{min-width:20px;height:20px;font-size:var(--fx-size-min);line-height:20px}
/* 게시판 공통 쪽 번호 — 44px */
#main .fluxboard-pagination a,#main .fluxboard-pagination span,#main .fb-pagination a,#main .fb-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--fx-radius-pill)}

@media (max-width:768px){
  .fx-plugin--ticket .fx-plugin__head{padding-top:calc(76px + var(--fx-sp-4));padding-bottom:var(--fx-sp-4)}
  .fx-plugin--ticket .fx-plugin__body{padding-top:var(--fx-sp-6);padding-bottom:var(--fx-sp-16)}
  #main .fhq__item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status meta" "subject subject";gap:var(--fx-sp-1) var(--fx-sp-3);padding:var(--fx-sp-3) var(--fx-sp-1)}
  #main .fhq__item.is-mine{padding-left:var(--fx-sp-3)}
  #main .fhq__status{grid-area:status}
  #main .fhq__meta{grid-area:meta}
  #main a.fhq__subject,#main span.fhq__subject{grid-area:subject;white-space:normal}
  #main .fhq__msg,#main .fhq__answer,#main .fhq__empty{padding:var(--fx-sp-4)}
}
@media (prefers-reduced-motion:reduce){
  .fx-plugin--ticket *{transition:none!important;animation:none!important}
}