/* ---------------------------------------------------------------
   08-feedback-fix-v181.css
   원본 index.html의 8번째 <style> 블록 (id="feedback-fix-v181")
   ⚠ 이 파일들은 뒤 순서가 앞 순서를 덮어쓰는 레이어 구조입니다.
      index.html의 <link> 순서를 바꾸면 화면이 깨집니다.
   --------------------------------------------------------------- */

/* ===== feedback fix v1.8.1 =====
   1) Layer1 채널아트 텍스트/라벨 제거
   2) Layer1 / Layer2 배경 누런기 완화
*/
:root{
  --fb-bg:#F7F8F6;
  --fb-card:#FFFFFF;
  --fb-soft:#F8FBFA;
  --fb-soft-2:#FCFDFC;
  --fb-soft-mint:#EFF7F6;
  --fb-line:#E3EBEA;
  --fb-ink:#374244;
  --fb-muted:#778486;
}
body{background:var(--fb-bg)!important;}
.app{background:transparent!important;}

/* Layer1 channel art cleanup */
#viewInput .l1-fabric-label,
#viewInput .l1-house-roomtag,
#viewInput .l1-house-wash{display:none!important;}
#viewInput .l1-house-hero{background:#F7F8F6!important;border-color:var(--fb-line)!important;box-shadow:0 10px 24px rgba(63,85,87,.05)!important;}
#viewInput .l1-house-hero:after{display:none!important;}
#viewInput .l1-house-hero>img,
#viewInput .l1-house-hero img{filter:none!important;}
#viewInput input,
#viewInput select{background:#FFFFFF!important;border-color:var(--fb-line)!important;}
#viewInput input:focus,
#viewInput select:focus{border-color:#7FA9A6!important;box-shadow:0 0 0 3px rgba(127,169,166,.12)!important;}
#viewInput .l1-cta{background:#6F9E9A!important;color:#fff!important;box-shadow:0 6px 16px rgba(111,158,154,.22)!important;}

/* Layer2 overall background tone */
#viewFreeResult{background:transparent!important;}
#viewFreeResult .card,
#viewFreeResult .l2-data-card,
#viewFreeResult .l2-gap-card,
#viewFreeResult .l2-preview,
#viewFreeResult .l2-share-card,
#viewFreeResult .l2v8-data-zone,
#viewFreeResult .l2v8-dashboard,
#viewFreeResult .l2v8-type,
#viewFreeResult .l2v8-report,
#viewFreeResult .l2v9-acc,
#viewFreeResult .fr-free-card,
#viewFreeResult .fr-stat,
#viewFreeResult .fr-cta-card{
  background:var(--fb-card)!important;
  border-color:var(--fb-line)!important;
  box-shadow:0 8px 22px rgba(63,85,87,.04)!important;
}
#viewFreeResult .fr-hero,
#viewFreeResult .l2-character-card,
#viewFreeResult .l2-thinking-card,
#viewFreeResult .l2v8-hero,
#viewFreeResult .l2v8-punch,
#viewFreeResult .l2v8-final{
  background:linear-gradient(180deg,var(--fb-soft-2) 0%,var(--fb-soft) 100%)!important;
  border-color:var(--fb-line)!important;
}
#viewFreeResult .l2v8-final{background:linear-gradient(140deg,#F4F9F8,#FCFDFC)!important;}
#viewFreeResult .l2-free-text>div,
#viewFreeResult .fr-evidence-block,
#viewFreeResult .l2-gap-stat,
#viewFreeResult .l2-flow-node,
#viewFreeResult .evidence-mini,
#viewFreeResult .evidence-explain{
  background:var(--fb-soft)!important;
  border-color:var(--fb-line)!important;
}
#viewFreeResult .evidence-character,
#viewFreeResult .l2v8-mini-metric:first-child,
#viewFreeResult .l2v8-symbol,
#viewFreeResult .l2v9-acc-ico,
#viewFreeResult .l2v8-type-line strong,
#viewFreeResult .l2v8-lock-chip{
  background:var(--fb-soft-mint)!important;
  border-color:#D6E7E5!important;
}
#viewFreeResult .fr-stat.warm,
#viewFreeResult .fr-cta-card,
#viewFreeResult .l2-gap-stat.accent{
  background:linear-gradient(180deg,#FBFCFB 0%,#F4F9F8 100%)!important;
  border-color:#D6E7E5!important;
}
#viewFreeResult .fr-details summary:before,
#viewFreeResult .l2v9-acc-sign,
#viewFreeResult .l2v8-submeta,
#viewFreeResult #elComment,
#viewFreeResult .badge{
  background:#F5F8F8!important;
  border-color:var(--fb-line)!important;
}
#viewFreeResult .l2v8-share-frame canvas#shareCanvas{background:#F7FBFA!important;box-shadow:0 12px 28px rgba(64,88,90,.06)!important;}

/* text tone consistency */
#viewInput, #viewFreeResult{color:var(--fb-ink)!important;}
#viewFreeResult p,
#viewFreeResult .l2v9-acc-panel-inner p,
#viewFreeResult .fr-opener,
#viewFreeResult .fr-free-card p,
#viewFreeResult .l2-free-text p,
#viewFreeResult .evidence-explain-body{color:#5C686A!important;}
#viewFreeResult .fr-brand-sub,
#viewFreeResult .l2v8-share-head p,
#viewFreeResult .l2v8-final-copy p,
#viewFreeResult .l2v8-free-reading .l2v8-gap-head p,
#viewFreeResult .l2v9-acc-title small{color:var(--fb-muted)!important;}