/* ============================================================================ * 자동 생성 파일 — 직접 수정하지 말 것. * 생성: npm run brand:build (scripts/brand-theme/buildBrandThemes.mjs) * 원본: scripts/brand-theme/brands.config.mjs, html/shared/brand/themes/<브랜드>/theme.css * ============================================================================ */ /* ============================================================================ * 브랜드 공통 규칙 (모든 브랜드 공통, 번들 맨 앞에 들어간다) * * 마크업의 기본 글자는 P-GPT 다. 다른 브랜드는 brandApplier.js 가 슬롯을 채우기 전까지 * 슬롯을 숨겨 "P-GPT → AI-Fit" 글자 깜빡임을 막는다. 자리(visibility)는 유지해 레이아웃이 * 흔들리지 않는다. * ============================================================================ */ html[data-brand]:not([data-brand="pgpt"]):not([data-brand-applied]) [data-brand-slot] { visibility: hidden; } /* ==== brand: aifit ==== */ /* -- 자동 색 치환: @keyframes (1) -- */ @keyframes progress-complete--aifit { 0% { background: linear-gradient(90deg, #11786a, #50c9a4); } 100% { background: #22c55e; } } /* -- 자동 색 치환: html/shared/styles/design-tokens.css (1) -- */ html[data-brand="aifit"] { --color-primary: #11786a; --color-primary-light: #50c9a4; --color-primary-hover: #005f7e; --color-primary-disabled: #84c9b0; --color-text-link: #11786a; --color-bg-overlay: rgba(14, 24, 39, 0.45); --color-border-focus: #11786a; --color-info: #009e7f; --color-info-bg: #d9efe5; --color-avatar-grad-from: #009179; --color-avatar-grad-to: #00987c; --color-neutral-900: #0e1827; --color-primary-50: #eef8f3; --color-primary-100: #d9efe5; --color-primary-500: #11786a; --color-primary-600: #005f7e; --color-primary-700: #00457c; --shadow-sm: 0 1px 2px rgba(14, 24, 39, 0.05); --shadow-md: 0 2px 8px rgba(14, 24, 39, 0.08); --shadow-lg: 0 8px 24px rgba(14, 24, 39, 0.12); --shadow-popover: 0 4px 16px rgba(14, 24, 39, 0.10); } /* -- 자동 색 치환: html/shared/styles/auth-pages.css (1) -- */ html[data-brand="aifit"] { --auth-accent: #008172; --auth-accent-strong: #006e78; --auth-focus-ring: #c0e7d6; --auth-status-bg: #edf8f3; --auth-status-text: #00427d; } /* -- 자동 색 치환: html/assets/css/ui_V2.css (424) -- */ html[data-brand="aifit"] input[type*=checkbox]:checked:after { background: #fff url("aifit/img/ico_checkbox--active.svg") no-repeat center center; } html[data-brand="aifit"] textarea:focus { border-color: #2eb08e; } html[data-brand="aifit"] a.text_link { color: #00667b; } html[data-brand="aifit"] a.text_link:after { background: #00487c; } html[data-brand="aifit"] a.attach_file { color: #00667b; } html[data-brand="aifit"] a.attach_file:after { background: #00487c; } html[data-brand="aifit"] :where( a[href], button, summary, [role="button"], [role="tab"], [role="menuitem"], input[type="checkbox"], input[type="radio"], input[type="file"], [tabindex]:not([tabindex="-1"]):not(input):not(select):not(textarea) ):focus-visible { outline: 2px solid #11786a !important; } html[data-brand="aifit"] .gptIcon.gptIcon--logo { background-image: url("aifit/img/ico_logo.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--selectCloseBtn { background-image: url("aifit/img/btn_close--select.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--newChat:hover { background-image: url("aifit/img/ico_newchat--active.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--word16 { background-image: url("aifit/img/ico_word16.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--word { background-image: url("aifit/img/ico_word16.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--copy:hover { background-image: url("aifit/img/btn_copy--hover.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--like:hover { background-image: url("aifit/img/btn_like--hover.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--like.isActive { background-image: url("aifit/img/btn_like--active.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--hate:hover { background-image: url("aifit/img/btn_hate--hover.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--hate.isActive { background-image: url("aifit/img/btn_hate--active.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--review:hover { background-image: url("aifit/img/btn_review--hover.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--more { background-image: url("aifit/img/ico_more.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--bell { background-image: url("aifit/img/ico_bell.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--google { background-image: url("aifit/img/ico_gemeni.svg"); } html[data-brand="aifit"] .gptIcon.gptIcon--checkboxHighlight { background-image: url("aifit/img/ico_checkbox--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex01, html[data-brand="aifit"] .item_content:hover .gptIcon--ex01 { background-image: url("aifit/img/ico_ex01--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex02, html[data-brand="aifit"] .item_content:hover .gptIcon--ex02 { background-image: url("aifit/img/ico_ex02--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex03, html[data-brand="aifit"] .item_content:hover .gptIcon--ex03 { background-image: url("aifit/img/ico_ex03--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex04, html[data-brand="aifit"] .item_content:hover .gptIcon--ex04 { background-image: url("aifit/img/ico_ex04--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex05, html[data-brand="aifit"] .item_content:hover .gptIcon--ex05 { background-image: url("aifit/img/ico_ex05--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex06, html[data-brand="aifit"] .item_content:hover .gptIcon--ex06 { background-image: url("aifit/img/ico_ex06--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex07, html[data-brand="aifit"] .item_content:hover .gptIcon--ex07 { background-image: url("aifit/img/ico_ex07--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex08, html[data-brand="aifit"] .item_content:hover .gptIcon--ex08 { background-image: url("aifit/img/ico_ex08--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex09, html[data-brand="aifit"] .item_content:hover .gptIcon--ex09 { background-image: url("aifit/img/ico_ex09--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex10, html[data-brand="aifit"] .item_content:hover .gptIcon--ex10 { background-image: url("aifit/img/ico_ex10--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex11, html[data-brand="aifit"] .item_content:hover .gptIcon--ex11 { background-image: url("aifit/img/ico_ex11--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex12, html[data-brand="aifit"] .item_content:hover .gptIcon--ex12 { background-image: url("aifit/img/ico_ex12--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex13, html[data-brand="aifit"] .item_content:hover .gptIcon--ex13 { background-image: url("aifit/img/ico_ex13--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex14, html[data-brand="aifit"] .item_content:hover .gptIcon--ex14 { background-image: url("aifit/img/ico_ex14--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex15, html[data-brand="aifit"] .item_content:hover .gptIcon--ex15 { background-image: url("aifit/img/ico_ex15--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex16, html[data-brand="aifit"] .item_content:hover .gptIcon--ex16 { background-image: url("aifit/img/ico_ex16--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex17, html[data-brand="aifit"] .item_content:hover .gptIcon--ex17 { background-image: url("aifit/img/ico_ex17--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex18, html[data-brand="aifit"] .item_content:hover .gptIcon--ex18 { background-image: url("aifit/img/ico_ex18--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex19, html[data-brand="aifit"] .item_content:hover .gptIcon--ex19 { background-image: url("aifit/img/ico_ex19--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex20, html[data-brand="aifit"] .item_content:hover .gptIcon--ex20 { background-image: url("aifit/img/ico_ex20--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex21, html[data-brand="aifit"] .item_content:hover .gptIcon--ex21 { background-image: url("aifit/img/ico_ex21--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex22, html[data-brand="aifit"] .item_content:hover .gptIcon--ex22 { background-image: url("aifit/img/ico_ex22--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex23, html[data-brand="aifit"] .item_content:hover .gptIcon--ex23 { background-image: url("aifit/img/ico_ex23--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex24, html[data-brand="aifit"] .item_content:hover .gptIcon--ex24 { background-image: url("aifit/img/ico_ex24--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex25, html[data-brand="aifit"] .item_content:hover .gptIcon--ex25 { background-image: url("aifit/img/ico_ex25--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex26, html[data-brand="aifit"] .item_content:hover .gptIcon--ex26 { background-image: url("aifit/img/ico_ex26--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex27, html[data-brand="aifit"] .item_content:hover .gptIcon--ex27 { background-image: url("aifit/img/ico_ex27--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex28, html[data-brand="aifit"] .item_content:hover .gptIcon--ex28 { background-image: url("aifit/img/ico_ex28--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex29, html[data-brand="aifit"] .item_content:hover .gptIcon--ex29 { background-image: url("aifit/img/ico_ex29--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex30, html[data-brand="aifit"] .item_content:hover .gptIcon--ex30 { background-image: url("aifit/img/ico_ex30--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex31, html[data-brand="aifit"] .item_content:hover .gptIcon--ex31 { background-image: url("aifit/img/ico_ex31--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex32, html[data-brand="aifit"] .item_content:hover .gptIcon--ex32 { background-image: url("aifit/img/ico_ex32--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex33, html[data-brand="aifit"] .item_content:hover .gptIcon--ex33 { background-image: url("aifit/img/ico_ex33--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex34, html[data-brand="aifit"] .item_content:hover .gptIcon--ex34 { background-image: url("aifit/img/ico_ex34--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex35, html[data-brand="aifit"] .item_content:hover .gptIcon--ex35 { background-image: url("aifit/img/ico_ex35--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex36, html[data-brand="aifit"] .item_content:hover .gptIcon--ex36 { background-image: url("aifit/img/ico_ex36--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex37, html[data-brand="aifit"] .item_content:hover .gptIcon--ex37 { background-image: url("aifit/img/ico_ex37--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex38, html[data-brand="aifit"] .item_content:hover .gptIcon--ex38 { background-image: url("aifit/img/ico_ex38--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex39, html[data-brand="aifit"] .item_content:hover .gptIcon--ex39 { background-image: url("aifit/img/ico_ex39--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex40, html[data-brand="aifit"] .item_content:hover .gptIcon--ex40 { background-image: url("aifit/img/ico_ex40--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex41, html[data-brand="aifit"] .item_content:hover .gptIcon--ex41 { background-image: url("aifit/img/ico_ex41--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex42, html[data-brand="aifit"] .item_content:hover .gptIcon--ex42 { background-image: url("aifit/img/ico_ex42--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex43, html[data-brand="aifit"] .item_content:hover .gptIcon--ex43 { background-image: url("aifit/img/ico_ex43--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex44, html[data-brand="aifit"] .item_content:hover .gptIcon--ex44 { background-image: url("aifit/img/ico_ex44--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex45, html[data-brand="aifit"] .item_content:hover .gptIcon--ex45 { background-image: url("aifit/img/ico_ex45--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex46, html[data-brand="aifit"] .item_content:hover .gptIcon--ex46 { background-image: url("aifit/img/ico_ex46--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex47, html[data-brand="aifit"] .item_content:hover .gptIcon--ex47 { background-image: url("aifit/img/ico_ex47--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex48, html[data-brand="aifit"] .item_content:hover .gptIcon--ex48 { background-image: url("aifit/img/ico_ex48--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex49, html[data-brand="aifit"] .item_content:hover .gptIcon--ex49 { background-image: url("aifit/img/ico_ex49--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex50, html[data-brand="aifit"] .item_content:hover .gptIcon--ex50 { background-image: url("aifit/img/ico_ex50--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex51, html[data-brand="aifit"] .item_content:hover .gptIcon--ex51 { background-image: url("aifit/img/ico_ex51--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex52, html[data-brand="aifit"] .item_content:hover .gptIcon--ex52 { background-image: url("aifit/img/ico_ex52--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex53, html[data-brand="aifit"] .item_content:hover .gptIcon--ex53 { background-image: url("aifit/img/ico_ex53--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex54, html[data-brand="aifit"] .item_content:hover .gptIcon--ex54 { background-image: url("aifit/img/ico_ex54--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex55, html[data-brand="aifit"] .item_content:hover .gptIcon--ex55 { background-image: url("aifit/img/ico_ex55--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex56, html[data-brand="aifit"] .item_content:hover .gptIcon--ex56 { background-image: url("aifit/img/ico_ex56--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex57, html[data-brand="aifit"] .item_content:hover .gptIcon--ex57 { background-image: url("aifit/img/ico_ex57--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex58, html[data-brand="aifit"] .item_content:hover .gptIcon--ex58 { background-image: url("aifit/img/ico_ex58--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex59, html[data-brand="aifit"] .item_content:hover .gptIcon--ex59 { background-image: url("aifit/img/ico_ex59--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex60, html[data-brand="aifit"] .item_content:hover .gptIcon--ex60 { background-image: url("aifit/img/ico_ex60--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex61, html[data-brand="aifit"] .item_content:hover .gptIcon--ex61 { background-image: url("aifit/img/ico_ex61--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex62, html[data-brand="aifit"] .item_content:hover .gptIcon--ex62 { background-image: url("aifit/img/ico_ex62--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex63, html[data-brand="aifit"] .item_content:hover .gptIcon--ex63 { background-image: url("aifit/img/ico_ex63--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex64, html[data-brand="aifit"] .item_content:hover .gptIcon--ex64 { background-image: url("aifit/img/ico_ex64--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex65, html[data-brand="aifit"] .item_content:hover .gptIcon--ex65 { background-image: url("aifit/img/ico_ex65--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex66, html[data-brand="aifit"] .item_content:hover .gptIcon--ex66 { background-image: url("aifit/img/ico_ex66--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex67, html[data-brand="aifit"] .item_content:hover .gptIcon--ex67 { background-image: url("aifit/img/ico_ex67--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex68, html[data-brand="aifit"] .item_content:hover .gptIcon--ex68 { background-image: url("aifit/img/ico_ex68--active.svg"); } html[data-brand="aifit"] .item_content.isActive .gptIcon--ex69, html[data-brand="aifit"] .item_content:hover .gptIcon--ex69 { background-image: url("aifit/img/ico_ex69--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex01, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex01 { background-image: url("aifit/img/ico_ex01--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex02, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex02 { background-image: url("aifit/img/ico_ex02--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex03, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex03 { background-image: url("aifit/img/ico_ex03--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex04, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex04 { background-image: url("aifit/img/ico_ex04--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex05, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex05 { background-image: url("aifit/img/ico_ex05--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex06, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex06 { background-image: url("aifit/img/ico_ex06--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex07, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex07 { background-image: url("aifit/img/ico_ex07--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex08, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex08 { background-image: url("aifit/img/ico_ex08--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex09, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex09 { background-image: url("aifit/img/ico_ex09--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex10, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex10 { background-image: url("aifit/img/ico_ex10--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex11, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex11 { background-image: url("aifit/img/ico_ex11--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex12, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex12 { background-image: url("aifit/img/ico_ex12--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex13, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex13 { background-image: url("aifit/img/ico_ex13--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex14, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex14 { background-image: url("aifit/img/ico_ex14--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex15, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex15 { background-image: url("aifit/img/ico_ex15--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex16, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex16 { background-image: url("aifit/img/ico_ex16--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex17, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex17 { background-image: url("aifit/img/ico_ex17--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex18, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex18 { background-image: url("aifit/img/ico_ex18--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex19, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex19 { background-image: url("aifit/img/ico_ex19--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex20, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex20 { background-image: url("aifit/img/ico_ex20--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--ex21, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--ex21 { background-image: url("aifit/img/ico_ex21--active.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--pgpt { background-image: url("aifit/img/ico_pgpt.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--gemeni { background-image: url("aifit/img/ico_gemeni.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--deepseek { background-image: url("aifit/img/ico_deepseek.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--default { background-image: url("aifit/img/ico_gpt--default.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--speed { background-image: url("aifit/img/ico_gpt--speed.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--idea { background-image: url("aifit/img/ico_gpt--idea.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--web.isActive { background-image: url("aifit/img/ico_web16--active.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--translate.isActive { background-image: url("aifit/img/ico_translate16--active.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--img.isActive { background-image: url("aifit/img/ico_img--active.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--data.isActive { background-image: url("aifit/img/ico_data--active.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--deep.isActive { background-image: url("aifit/img/ico_deep--active.svg"); } html[data-brand="aifit"] .optionIcon.optionIcon--audio.isActive { background-image: url("aifit/img/ico_audio--active.svg"); } html[data-brand="aifit"] .chatBtn.chatBtn--search.isActive { background-image: url("aifit/img/btn_search--active.svg"); } html[data-brand="aifit"] .chatBtn.chatBtn--pause { background-image: url("aifit/img/btn_pause.svg"); } html[data-brand="aifit"] .user_profile_avatar { background: linear-gradient(135deg, #11786a, #50c9a4); } html[data-brand="aifit"] .sidebar_usage_bar_fill { background: linear-gradient(90deg, #11786a, #50c9a4); } html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList.item_contentList--chatlog .item_content .item_content--input:focus { border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content:hover, html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content.isActive { color: #11786a; } html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content:hover .gptIcon.gptIcon--img, html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content.isActive .gptIcon.gptIcon--img { background-image: url("aifit/img/ico_img--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--img, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--img { background-image: url("aifit/img/ico_img--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content:hover .gptIcon.gptIcon--data, html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content.isActive .gptIcon.gptIcon--data { background-image: url("aifit/img/ico_data--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--data, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--data { background-image: url("aifit/img/ico_data--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content:hover .gptIcon.gptIcon--deep, html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content.isActive .gptIcon.gptIcon--deep { background-image: url("aifit/img/ico_deep--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--deep, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--deep { background-image: url("aifit/img/ico_deep--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content:hover .gptIcon.gptIcon--translate, html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content.isActive .gptIcon.gptIcon--translate { background-image: url("aifit/img/ico_translate--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--translate, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--translate { background-image: url("aifit/img/ico_translate--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content:hover .gptIcon .agentImg, html[data-brand="aifit"] .wrap .menu_wrap .menu_listWrap .menu_list_item + .item_contentList .item_content.isActive .gptIcon .agentImg { color: #11786a; } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .menu_item--sideRight span, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .menu_item--sideRight span { color: #11786a; } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .gptIcon.gptIcon--newChat, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .gptIcon.gptIcon--newChat { background-image: url("aifit/img/ico_newchat--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .gptIcon.gptIcon--all, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .gptIcon.gptIcon--all { background-image: url("aifit/img/ico_all_agent--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .gptIcon.gptIcon--comp, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .gptIcon.gptIcon--comp { background-image: url("aifit/img/ico_comp_agent--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .gptIcon.gptIcon--my, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .gptIcon.gptIcon--my { background-image: url("aifit/img/ico_my_agent--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .gptIcon.gptIcon--chatLog, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .gptIcon.gptIcon--chatLog { background-image: url("aifit/img/ico_chatlog--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .gptIcon.gptIcon--cookbook, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .gptIcon.gptIcon--cookbook { background-image: url("aifit/img/ico_cookbookV2--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item:hover .gptIcon.gptIcon--setting, html[data-brand="aifit"] .wrap .menu_wrap .menu_list_item.isActive .gptIcon.gptIcon--setting { background-image: url("aifit/img/ico_setting--active.svg"); } html[data-brand="aifit"] .item_content:hover .gptIcon--apiDocs, html[data-brand="aifit"] .item_content.isActive .gptIcon--apiDocs { background-image: url("aifit/img/ico_api_docs--active.svg"); } html[data-brand="aifit"] .item_content:hover .gptIcon--apiApply, html[data-brand="aifit"] .item_content.isActive .gptIcon--apiApply { background-image: url("aifit/img/ico_api_apply--active.svg"); } html[data-brand="aifit"] .wrap .menu_wrap .menu_list--bottom .item_contentList--api .item_content:hover, html[data-brand="aifit"] .wrap .menu_wrap .menu_list--bottom .item_contentList--api .item_content.isActive { color: #11786a; } html[data-brand="aifit"] .ctx_banner_btn--newchat { color: #00a785; } html[data-brand="aifit"] .ref_sort_btn:hover { border-color: #008373; color: #008373; } html[data-brand="aifit"] .ref_sort_btn--active, html[data-brand="aifit"] .ref_sort_btn--active:hover { background-color: #008373; border-color: #008373; } html[data-brand="aifit"] .kbert_doctype_chip { border: 1px solid #81bea8; } html[data-brand="aifit"] .kbert_doctype_chip:hover { border-color: #008373; color: #049e7f; } html[data-brand="aifit"] .kbert_doctype_chip--on { border-color: #008373; background: #e9f4ef; color: #008373; } html[data-brand="aifit"] .kbert_doctype_chip--on span, html[data-brand="aifit"] .kbert_doctype_chip span.on { color: #008373; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--result .chat_accordion.chat_accordion--think { background-color: #edf8f3; border-color: #bfded1; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--result .ref_cnt { color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chat--func .function_btn.function_btn--run { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--trans .trans_doneText span { color: #327a6f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--trans .download_btn { background-color: #049e7f; border-color: #049e7f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--trans .trans_doneText span { color: #327a6f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--trans .download_btn { background-color: #049e7f; border-color: #049e7f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--transdetail .attachFile_area .translation_progress .bar { background-color: #049e7f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--transdetail .attachFile_area .progress_indicator { color: #049e7f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--transdetail .translation_caution { background-color: #f1faf5; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--transdetail .translation_caution strong { color: #00ad89; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--transdetail .translation_caution .translation_btn { background-color: #049e7f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agent .chat_content .gpt_tabs .gpt_tab--link.current { color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agent .gpt_tab--link.current .gpt_tab_count { background: rgba(17, 120, 106, 0.08); color: #11786a; } html[data-brand="aifit"] .agent_kb_btn.agent_kb_btn--active { background: #eef8f3; border-color: #a2d6c1; color: #11786a; } html[data-brand="aifit"] .agent_kb_btn.agent_kb_btn--active:hover { background: #eef8f3; border-color: #a2d6c1; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agent .chat_content .gpt_tabContents .agent_card.agent_card--all .agent_card_icon { background: rgba(80, 207, 168, 0.08); } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agent .chat_content .gpt_tabContents .agent_card.agent_card--com .agent_card_icon { background: rgba(0, 142, 120, 0.08); } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agent .chat_content .gpt_tabContents .agent_card.agent_card--my .agent_card_icon { background: rgba(0, 149, 123, 0.08); } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agent .chat_content .gpt_tabContents .agent_card .agent_card_tag--shared { background: rgba(0, 149, 123, 0.1); color: #00957b; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agentCreate .chat_content .create_btn.create_btn--active { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agentCreate .chat_content .create_contents .create_content--split .content_box:focus-within { border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--cookbook .chat_content .gpt_tabContents .create_btn.create_btn--active { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--cookbook .chat_content .prompt_inputBox:has(.prompt--input:focus) { border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--cookbook .chat_content .cookbook_prompt_content:focus { border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--mail .chat_file_text .chat_file_text--highlight { color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--mail .textInput_cont:focus-within { border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .admin_card .card_price { color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .search_area .datepicker_area input[type="date"]:focus { border-color: #009e7f; box-shadow: 0 0 0 2px rgba(0, 158, 127, 0.1); } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .search_area .searchable_dropdown .dropdown_input:focus-within { border-color: #009e7f; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .table_area .table_type01 tbody tr:hover { background-color: #eaf5f0; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .table_area [data-api-application="table"] tbody tr:hover, html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin [data-admin-ak="app-section"] .table_area table tbody tr:hover { background-color: #eaf5f0; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .btn_type01 { background-color: #11786a; box-shadow: 0 1px 3px rgba(17, 120, 106, 0.3); } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .btn_type01:hover { background-color: #005d7f; box-shadow: 0 4px 12px rgba(17, 120, 106, 0.35); } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .btn_type01:active { box-shadow: 0 1px 2px rgba(17, 120, 106, 0.2); } html[data-brand="aifit"] .wrap .chat_wrap .chat_img { background: url("aifit/img/tempImg.svg") no-repeat center; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--result .chat_content .chat_img_cont--attach .chat_img.chat_img--loading .chat_img_loading_spinner { border: 3px solid #d1ece0; border-top-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--result .chat_content .chat_img_cont--attach .chat_img .chat_attach_source { background: rgba(14, 24, 39, 0.72); } html[data-brand="aifit"] .img_upload_item .img_upload_source { background: rgba(14, 24, 39, 0.72); } html[data-brand="aifit"] .wrap .chat_wrap .logo_animation { background: linear-gradient(0deg, #ee00ee, #009f7f, #49c6a1, #007077, #49c6a1, #009f7f, #ee00ee); } html[data-brand="aifit"] .wrap .chat_wrap .orb { background: linear-gradient(135deg, #00f0ff, #007476, #ff00cc); } html[data-brand="aifit"] .wrap .chat_wrap .chat_function_btn.isActive .gptIcon--audio16 { background-image: url("aifit/img/ico_audio--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer { box-shadow: 0 2px 8px rgba(14, 24, 39, 0.06); } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer:focus-within { border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer.chatContainer--active { border-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer[data-drop-enabled="true"].chatContainer--dragOver { border-color: #11786a; box-shadow: 0 0 0 4px rgba(17, 120, 106, 0.1), 0 2px 8px rgba(14, 24, 39, 0.06); } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer[data-drop-enabled="true"].chatContainer--dragOver::after { border: 2px dashed rgba(17, 120, 106, 0.5); background-color: #f3faf6; background-image: url("data:image/svg+xml;utf8,"); color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer.chatContainer--audioMode { border-color: #11786a; } html[data-brand="aifit"] .audio_waveform_area--loading .audio_wave_bar { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer .chat_functionarea .chat_mode_toggle input[type="radio"]:checked + label { color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chatContainer .chat_function--select .chat_seletedWrap { color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.chat_function_btn--more { background-color: #f0f8f4; color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive { color: #11786a; background-color: #f0f8f4; border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--write, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--write { background-image: url("aifit/img/ico_write--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--document, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--document { background-image: url("aifit/img/ico_document--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--file, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--file { background-image: url("aifit/img/ico_file--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn:hover .gptIcon--translate, html[data-brand="aifit"] .wrap .chat_wrap .favAgent_list .chat_function_btn.isActive .gptIcon--translate { background-image: url("aifit/img/ico_translate--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .gpt_tabs .gpt_tab--link.current { color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .gpt_tabs .gpt_tab--link.current .gptIcon--ref { background-image: url("aifit/img/ico_ref--active.svg"); } html[data-brand="aifit"] .wrap .chat_wrap .gpt_tabs .gpt_tab--link.current::after { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chat_function--select .options .option_item .option_item--selectBtn { border: 1px solid #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chat_function--select .options .option_item.option_item--selected .option_item--selectBtn::after { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap progress::-webkit-progress-value { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .loading_area div { background: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .input_Toggle input:checked + .slider { background-color: #11786a; } html[data-brand="aifit"] .wrap .chat_wrap .chat_notice_cont .chat_notice_infoContent a:hover { color: #11786a; } html[data-brand="aifit"] .popup_wrap .popup_area .popup_footer .btn_confirm { background-color: #11786a; } html[data-brand="aifit"] .chat_wrap .bootstrap_error_retry { background: #11786a; } html[data-brand="aifit"] .chat_wrap .bootstrap_error_retry:hover { background: #005f7e; } html[data-brand="aifit"] .popup_area--agent-detail .popup_header_icon { background: rgba(0, 158, 127, 0.08); } html[data-brand="aifit"] .popup_area--agent-detail .popup_header_icon.popup_header_icon--all { background: rgba(0, 158, 127, 0.08); } html[data-brand="aifit"] .popup_area--agent-detail .popup_header_icon.popup_header_icon--my { background: rgba(0, 152, 124, 0.08); } html[data-brand="aifit"] .popup_wrap.popup_wrap--attach .chat_function_list li { box-shadow: 0 6px 20px rgba(14, 24, 39, 0.04); } html[data-brand="aifit"] .popup_wrap.popup_wrap--attach .chat_function_list li button { color: #0e1827; } html[data-brand="aifit"] .popup_wrap.popup_wrap--attach .attach-support-card { background: linear-gradient(135deg, #f8fcfa 0%, #eef8f3 100%); border: 1px solid #d9efe5; } html[data-brand="aifit"] .popup_wrap.popup_wrap--attach .attach-support-title { color: #0e1827; } html[data-brand="aifit"] .popup_wrap.popup_wrap--attach .attach-support-item { border: 1px solid rgba(187, 227, 210, 0.9); } html[data-brand="aifit"] .popup_wrap.popup_wrap--attach .attach-support-chip { background: #0e1827; } html[data-brand="aifit"] .popup_wrap#popup02 .chat_function_list li { box-shadow: 0 6px 20px rgba(14, 24, 39, 0.04); } html[data-brand="aifit"] .popup_wrap#popup02 .chat_function_list li:hover { box-shadow: 0 8px 20px rgba(14, 24, 39, 0.06); } html[data-brand="aifit"] .popup_wrap#popup02 .chat_function_list li button .attach-source-label { color: #0e1827; } html[data-brand="aifit"] .popup_wrap.popup_wrap--setCost .popup_area .popup_admin_card .card_price { color: #11786a; } html[data-brand="aifit"] .llm_tag { background-color: rgba(39, 188, 150, 0.1); color: #11786a; } html[data-brand="aifit"] .step-tab.active { background: #008976; border-bottom: 2px solid #008976; } html[data-brand="aifit"] .table-edit-btn, html[data-brand="aifit"] .table-add-btn, html[data-brand="aifit"] .table-save-btn, html[data-brand="aifit"] .table-cancel-btn { background: #008976; } html[data-brand="aifit"] .table-edit-btn:hover { background: #005c7f; } html[data-brand="aifit"] .charge-edit-btn, html[data-brand="aifit"] .charge-add-btn, html[data-brand="aifit"] .charge-save-btn, html[data-brand="aifit"] .charge-cancel-btn { background: #008976; } html[data-brand="aifit"] .charge-edit-btn:hover { background: #005c7f; } html[data-brand="aifit"] .contents_wrap .invoice-header { border-bottom: 2px solid #009c7e; } html[data-brand="aifit"] .contents_wrap .invoice-title h1 { color: #009c7e; } html[data-brand="aifit"] .contents_wrap .card { background: #f0f6f3; } html[data-brand="aifit"] .invoice-header { border-bottom: 2px solid #008976; } html[data-brand="aifit"] .invoice-title h1 { color: #008976; } html[data-brand="aifit"] .billing-info h3 { color: #008976; } html[data-brand="aifit"] .model-details h4 { color: #008976; } html[data-brand="aifit"] .right_partition .pic_list_cont .pic_list_wrap .pic_list_area ul li a .pic:after { border: 4px solid#008976; } html[data-brand="aifit"] .notification { border-left: 5px solid #00987c; } html[data-brand="aifit"] .tab_nav > li { border-bottom-color: #005b7f; } html[data-brand="aifit"] .tab_nav > li.active { color: #005b7f; border-color: #005b7f; } html[data-brand="aifit"] .sub_tab_nav.type2 li a:before { background-color: #008976; } html[data-brand="aifit"] .sub_tab_nav.type2 li a:hover, html[data-brand="aifit"] .sub_tab_nav.type2 li.active a { color: #008976; border-bottom: 2px solid #008976; } html[data-brand="aifit"] .sub_tab_list::after { background-color: #005b7f; } html[data-brand="aifit"] .sub_tab_list ul.contents_tab_list li { border-bottom-color: #005b7f; } html[data-brand="aifit"] .sub_tab_list ul.contents_tab_list li.active { color: #005b7f; border-color: #005b7f; } html[data-brand="aifit"] .sub_tab_list ul.contents_tab_list li.active:after { background-color: #00407d; } html[data-brand="aifit"] .pop_wrap .pop_area .pop_header { background-color: #007077; } html[data-brand="aifit"] .loader { --c1: #11786a; --c2: #50c9a4; } html[data-brand="aifit"] .dropdown_input:focus-within { border-color: #009e7f; box-shadow: 0 0 0 3px rgba(0, 158, 127, 0.1); } html[data-brand="aifit"] .popup_wrap.popup_wrap--setCost .popup_area .popup_admin_card .card_price, html[data-brand="aifit"] .popup_wrap.popup_wrap--info .popup_area .popup_admin_card .card_price { color: #11786a; } html[data-brand="aifit"] .popup_wrap.popup_wrap--info .popup_area .popup_header { background: linear-gradient(to right, #11786a 0%, #008373 60%, #50c9a4 100%); } html[data-brand="aifit"] .popup_wrap.popup_wrap--info .popup_area .popup_contents_area .info_comment--highlight { color: #11786a; } html[data-brand="aifit"] .company_search_input:focus { border-color: #11786a !important; } html[data-brand="aifit"] .company_check_item:hover { border-color: #88d4b7; background: #f0faf5; } html[data-brand="aifit"] .company_check_item input:checked + span { color: #11786a; } html[data-brand="aifit"] .company_check_item:has(input:checked) { border-color: #a2d6c1; background: #eef8f3; } html[data-brand="aifit"] .btn_company_check_all { border: 1px solid #a2d6c1; color: #11786a; } html[data-brand="aifit"] .btn_company_check_all:hover { background: linear-gradient(135deg, #11786a, #009e7f); } html[data-brand="aifit"] .company_check_item input[type="checkbox"] { accent-color: #11786a; } html[data-brand="aifit"] .preview_btn { background: rgba(46, 176, 142, 0.1); } html[data-brand="aifit"] .preview_btn:hover { background: rgba(46, 176, 142, 0.2); } html[data-brand="aifit"] .preview_btn:active { background: rgba(46, 176, 142, 0.3); } html[data-brand="aifit"] .input_textarea.preview_mode { border: 2px solid #2eb08e; box-shadow: 0 0 0 2px rgba(46, 176, 142, 0.1); } html[data-brand="aifit"] .sortable-chosen { background: #e5f4ed; } html[data-brand="aifit"] .sortable-drag { background: #bde3d3; } html[data-brand="aifit"] .image-processing-indicator { border: 2px solid #00667b; } html[data-brand="aifit"] .processing-spinner::after { border-top: 3px solid #00667b; } html[data-brand="aifit"] .tooltip-content strong { color: #00667b; } html[data-brand="aifit"] .spo_breadcrumb_item { color: #008976; } html[data-brand="aifit"] .spo_file_item:hover { background: #edf7f2; border-color: #c1e6d6; } html[data-brand="aifit"] .spo_file_item.selected { background: #ebf6f1; border-color: #008976; } html[data-brand="aifit"] .spo_file_item.selected .spo_file_check { background: #008976; border-color: #008976; } html[data-brand="aifit"] .spo_loading_spinner { border-top-color: #008976; } html[data-brand="aifit"] .spo_footer_btn { background: #008976; } html[data-brand="aifit"] .spo_footer_btn:hover:not(:disabled) { background: #006a7a; } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--agent .agent_search_wrap .agent_search_input:focus { box-shadow: 0 0 0 3px rgba(0, 158, 127, 0.08); } html[data-brand="aifit"] input[type="text"].agent_search_input:focus { border-color: #2ea284; box-shadow: 0 0 0 3px rgba(46, 162, 132, 0.1); } html[data-brand="aifit"] .knowledge_agent_select_wrap select:focus { border-color: #008373; } html[data-brand="aifit"] .knowledge_search_area input[type="text"]:focus { border-color: #008373; } html[data-brand="aifit"] .knowledge_table_top #knowledge_totalCount { color: #008373; } html[data-brand="aifit"] .knowledge_pagination li.on { background-color: #008373; } html[data-brand="aifit"] .kb-tab-nav__label { background: #eef8f3; border: 1px solid #a2d6c1; color: #11786a; } html[data-brand="aifit"] .kb-search-input:focus { border-color: #009e7f; box-shadow: 0 0 0 3px rgba(0, 158, 127, 0.08); } html[data-brand="aifit"] .kb-btn-add { background: linear-gradient(135deg, #11786a 0%, #009e7f 100%); box-shadow: 0 2px 8px rgba(17, 120, 106, 0.2); } html[data-brand="aifit"] .kb-btn-add:hover { box-shadow: 0 4px 14px rgba(0, 145, 121, 0.3); } html[data-brand="aifit"] .kb-btn-add:active { box-shadow: 0 1px 4px rgba(0, 145, 121, 0.15); } html[data-brand="aifit"] .kb-btn-refresh:hover:not(:disabled) { color: #008373; background: #eef8f3; } html[data-brand="aifit"] .kb-btn--outline { color: #009e7f; border: 1.5px solid #8bd2b7; } html[data-brand="aifit"] .kb-btn--outline:hover { background: #eef8f3; border-color: #009e7f; } html[data-brand="aifit"] .kb-check-label input[type="checkbox"] { accent-color: #009e7f; } html[data-brand="aifit"] .kb-doc-name:hover { color: #009e7f; } html[data-brand="aifit"] .kb-status--processing { background: #d9efe5; color: #006d79; } html[data-brand="aifit"] .kb-status--processing::before { background: #009e7f; } html[data-brand="aifit"] .doc-error-tooltip-panel { box-shadow: 0 12px 28px rgba(14, 24, 39, 0.24); } html[data-brand="aifit"] .kb-ecm-sync-btn:hover { color: #009e7f; border-color: #8bd2b7; background: #eef8f3; } html[data-brand="aifit"] .history_manage_count span { color: #00937a; } html[data-brand="aifit"] .history_search_input:focus { border-color: #00937a; } html[data-brand="aifit"] .history_table tbody tr.history_row--selected { background-color: #ecf7f2; } html[data-brand="aifit"] .history_checkbox input:checked + .history_checkbox_mark { background-color: #00937a; border-color: #00937a; } html[data-brand="aifit"] .history_td_title:hover .history_title_text { background-color: #ecf7f2; color: #00937a; } html[data-brand="aifit"] .history_edit_hint { color: #00937a; } html[data-brand="aifit"] .history_title_edit input { border: 2px solid #00937a; } html[data-brand="aifit"] .history_edit_btn--save { background-color: #00937a; } html[data-brand="aifit"] .history_edit_btn--save:hover { background-color: #007476; } html[data-brand="aifit"] .history_view_btn:hover { background-color: #e5f4ed; } html[data-brand="aifit"] .history_manage_loading .loading_spinner { border-top-color: #00937a; } html[data-brand="aifit"] #historyMenu .menu_item--sideRight > span:hover { color: #00937a; } html[data-brand="aifit"] .gpt_tabBtn.current { color: #11786a; border-bottom-color: #11786a; } html[data-brand="aifit"] .toggle_input:checked + .toggle_label { background-color: #11786a; } html[data-brand="aifit"] .model_select:focus { border-color: #11786a; box-shadow: 0 0 0 2px rgba(17, 120, 106, 0.1); } html[data-brand="aifit"] .current_amount { color: #11786a; } html[data-brand="aifit"] .loading_overlay_spinner { border-top-color: #00937a; } html[data-brand="aifit"] .api-apply-floating-btn { background: #005c7f; box-shadow: 0 4px 24px rgba(0, 92, 127, 0.18); } html[data-brand="aifit"] .api-apply-floating-btn:hover, html[data-brand="aifit"] .api-apply-floating-btn:focus { background: #1f3c66; box-shadow: 0 8px 32px rgba(0, 92, 127, 0.28); } html[data-brand="aifit"] .api-apply-modal { background: rgba(19, 31, 49, 0.32); } html[data-brand="aifit"] .api-apply-modal__popup { box-shadow: 0 8px 32px rgba(0, 92, 127, 0.25); } html[data-brand="aifit"] .api-apply-modal__title { color: #005c7f; } html[data-brand="aifit"] .api-apply-modal__close:hover { color: #005c7f; } html[data-brand="aifit"] .api-apply-modal__info { background: #f6faf9; color: #294664; } html[data-brand="aifit"] .api-apply-form label { color: #005c7f; } html[data-brand="aifit"] .api-apply-form__submit { background: #005c7f; } html[data-brand="aifit"] .api-apply-form__submit:hover, html[data-brand="aifit"] .api-apply-form__submit:focus { background: #1f3c66; } html[data-brand="aifit"] .api-apply-loading { color: #005c7f; } html[data-brand="aifit"] .api-apply-loading__spinner { border: 4px solid #e3f1eb; border-top: 4px solid #005c7f; } html[data-brand="aifit"] .api-apply-error button { background: #005c7f; } html[data-brand="aifit"] .api-apply-error button:hover { background: #1f3c66; } html[data-brand="aifit"] .knowledge_detail_left .table_type01 tbody tr:hover { background-color: #f3faf7; } html[data-brand="aifit"] .knowledge_detail_left .table_type01 tbody tr.on { background-color: #e5f4ed; } html[data-brand="aifit"] .knowledge_doc_name { color: #008373; } html[data-brand="aifit"] .kd-search-input:focus { border-color: #8bd2b7; box-shadow: 0 0 0 3px rgba(0, 158, 127, 0.1); } html[data-brand="aifit"] .kd-sort-link.on { color: #008373; background: #eef8f3; } html[data-brand="aifit"] .kd-list-item--active { background: #eef8f3; } html[data-brand="aifit"] .kd-list-item--active:hover { background: #d9efe5; } html[data-brand="aifit"] .kd-item-icon--docx, html[data-brand="aifit"] .kd-item-icon--doc { background: #009e7f; } html[data-brand="aifit"] .kd-item-icon--hwp { background: #00987c; } html[data-brand="aifit"] .kd-list-pagination .knowledge_pagination li.on { background: #008373; } html[data-brand="aifit"] .kd-meta-icon.kd-item-icon--docx, html[data-brand="aifit"] .kd-meta-icon.kd-item-icon--doc { background: #009e7f; } html[data-brand="aifit"] .kd-meta-icon.kd-item-icon--hwp { background: #00987c; } html[data-brand="aifit"] .kd-meta-agent-badge { background: #def2e9; color: #006e78; } html[data-brand="aifit"] .kd-save-btn { background: #009e7f; } html[data-brand="aifit"] .kd-save-btn:hover:not(:disabled) { background: #008373; } html[data-brand="aifit"] .kd-viewer-tab-content textarea:focus { border-color: #8bd2b7; box-shadow: 0 0 0 3px rgba(0, 158, 127, 0.1); } html[data-brand="aifit"] .knowledge_doc_name { color: #008373; } html[data-brand="aifit"] .kb-managed-upload-dropzone--dragover, html[data-brand="aifit"] .kb-managed-upload-dropzone:focus-visible { border-color: #008172; background: #f0faf5; } html[data-brand="aifit"] .kb-managed-upload-dropzone__icon { background: #def2e9; color: #008172; } html[data-brand="aifit"] .kb-upload-staged-source--local { background: #d9efe5; color: #008373; } html[data-brand="aifit"] .kb-upload-staged-source--onedrive { background: #d9efe5; color: #11786a; } html[data-brand="aifit"] .kb-upload-submit-btn { background: linear-gradient(135deg, #11786a 0%, #009e7f 100%); box-shadow: 0 2px 8px rgba(17, 120, 106, 0.25); } html[data-brand="aifit"] .kb-upload-submit-btn:hover { box-shadow: 0 4px 14px rgba(0, 145, 121, 0.35); } html[data-brand="aifit"] .kb-upload-submit-btn:active { box-shadow: 0 1px 4px rgba(0, 145, 121, 0.2); } html[data-brand="aifit"] .upload-notice { background: #edf7f2; } html[data-brand="aifit"] .upload-warn--info { color: #009e7f; } html[data-brand="aifit"] .upload-notice__warn--info { color: #009e7f; } html[data-brand="aifit"] .upload-quota__count--available { color: #11786a; } html[data-brand="aifit"] .upload-quota__progress-bar--available { background: linear-gradient(90deg, #11786a, #50c9a4); } html[data-brand="aifit"] .catdoc-quota-inline__value--available { color: #11786a; } html[data-brand="aifit"] .kb-doc-select-guide { background: #eef8f3; border: 1px solid #bbe3d2; color: #00547d; } html[data-brand="aifit"] .kb-doc-select-guide_icon { color: #009e7f; } html[data-brand="aifit"] .kb-doc-select-guide_text a { color: #008373; } html[data-brand="aifit"] .kb-doc-select-guide_text a:hover { color: #006d79; } html[data-brand="aifit"] .kb-doc-select-search input:focus { border-color: #009e7f; } html[data-brand="aifit"] .kb-doc-select-count strong { color: #009e7f; } html[data-brand="aifit"] .kb-doc-select-spinner { border: 2px solid #d9efe5; border-top-color: #11786a; } html[data-brand="aifit"] .kb-doc-select-submit { background: linear-gradient(135deg, #11786a 0%, #009e7f 100%); box-shadow: 0 2px 8px rgba(17, 120, 106, 0.25); } html[data-brand="aifit"] .kb-doc-select-submit:hover { box-shadow: 0 4px 14px rgba(17, 120, 106, 0.35); } html[data-brand="aifit"] .kb-doc-select-submit:active { box-shadow: 0 1px 4px rgba(17, 120, 106, 0.2); } html[data-brand="aifit"] .kb-doc-select-page-btn.is-active { background: #11786a; } html[data-brand="aifit"] .kb-doc-select-page-btn:focus-visible { outline: 2px solid #11786a; } html[data-brand="aifit"] .agent-progress--indeterminate .agent-progress__bar { background: linear-gradient(90deg, #11786a, #50c9a4, #11786a); } html[data-brand="aifit"] .agent-progress--determinate .agent-progress__bar { background: linear-gradient(90deg, #11786a, #50c9a4); } html[data-brand="aifit"] .agent-progress--complete .agent-progress__bar { animation: progress-complete--aifit 0.4s ease-out; } html[data-brand="aifit"] .agent-status-badge--processing { background: rgba(17, 120, 106, 0.08); color: #11786a; } html[data-brand="aifit"] .agent-error-actions a { color: #11786a; } html[data-brand="aifit"] .agent-error-actions a:hover { color: #005f7e; } html[data-brand="aifit"] .agent-toast { background: rgba(14, 24, 39, 0.9); } html[data-brand="aifit"] .chat-stream-spinner { border-top-color: #00987c; } html[data-brand="aifit"] .chat-stream-done { background-color: #00987c; } html[data-brand="aifit"] .typing-cursor::before { background: conic-gradient(#ee00ee, #009f7f, #49c6a1, #007077, #49c6a1, #009f7f, #ee00ee) border-box; } html[data-brand="aifit"] .typing-cursor::after { background: #009f7f; } html[data-brand="aifit"] .item_content .sidebar_store_badge--shared { background: rgba(0, 149, 123, 0.1); color: #00957b; } html[data-brand="aifit"] .chat_ltm_toggle input[type="checkbox"]:checked + .chat_ltm_toggle__slider { background: #009c7d; } html[data-brand="aifit"] .ltm_count_badge { background: rgba(0, 156, 125, 0.12); color: #009c7d; } html[data-brand="aifit"] .popup_wrap--ltm .ltm_search_wrap .ltm_search_input:focus { border-color: #009c7d; } html[data-brand="aifit"] .ltm_item__label { background: #edf5f1; color: #009c7d; } html[data-brand="aifit"] .ltm_edit_textarea:focus { border-color: #009c7d; } html[data-brand="aifit"] .ltm_edit_footer .btn--primary { background: #11786a; } html[data-brand="aifit"] .ltm_edit_footer .btn--primary:hover { background: #005f7e; } html[data-brand="aifit"] .prs_tab.isActive { color: #11786a; } html[data-brand="aifit"] .prs_tab.isActive::after { background: #11786a; } html[data-brand="aifit"] .prs_conn_cta { background-color: #008d77; } html[data-brand="aifit"] .prs_conn_cta:hover { background-color: #007d70; } html[data-brand="aifit"] .prs_conn_empty__icon { background-color: #008d77; box-shadow: 0 0 0 12px #ecf7f2 inset; } html[data-brand="aifit"] .prs_conn_banner { background-color: #f7faf8; } html[data-brand="aifit"] .prs_connector_account { color: #008d77; background-color: #ecf7f2; } html[data-brand="aifit"] .prs_conn_badge--mention { color: #008d77; background-color: #ecf7f2; } html[data-brand="aifit"] .personalization_select:focus { border-color: #009c7d; } html[data-brand="aifit"] .prs_billing_bar__fill { background: #009c7d; } html[data-brand="aifit"] .personalization_memory_wrap .ltm_search_input:focus { border-color: #009c7d; } html[data-brand="aifit"] .popup_wrap--ltm_edit .ltm_edit_textarea:focus { border-color: #009c7d; } html[data-brand="aifit"] .async-state__title { color: var(--color-neutral-900, #0e1827); } html[data-brand="aifit"] .wrap .chat_wrap.chat_wrap--admin .category_search_area #filterButton.is-dirty { box-shadow: 0 0 0 2px var(--color-primary-200, #88d4b7); } html[data-brand="aifit"] .doc_panel--actions .doc_panel--view button.is-active, html[data-brand="aifit"] .doc_fullscreen--actions .doc_panel--view button.is-active { box-shadow: 0 1px 2px rgba(14, 24, 39, 0.08); } html[data-brand="aifit"] .doc_panel--code .token.keyword, html[data-brand="aifit"] .doc_panel--code .token.boolean, html[data-brand="aifit"] .doc_panel--code .token.constant, html[data-brand="aifit"] .doc_panel--code .token.tag, html[data-brand="aifit"] .doc_panel--code .token.symbol, html[data-brand="aifit"] .doc_panel--code .token.entity, html[data-brand="aifit"] .doc_panel--code .token.important { color: #50a98e; } html[data-brand="aifit"] .doc_panel--code .token.variable, html[data-brand="aifit"] .doc_panel--code .token.property, html[data-brand="aifit"] .doc_panel--code .token.attr-name { color: #a7e1c9; } html[data-brand="aifit"] .doc_panel--code .token.url { color: #00ad89; } html[data-brand="aifit"] .doc_panel--code .token.title, html[data-brand="aifit"] .doc_panel--code .token.title .token.punctuation { color: #50a98e; } html[data-brand="aifit"] .doc_panel--code .token.list.punctuation { color: #3eac8e; } html[data-brand="aifit"] .doc_panel--code ::selection { background: #25516f; } /* -- 자동 색 치환: html/assets/css/attachmentPopup.css (4) -- */ html[data-brand="aifit"] [data-attachment-policy-state] .attachment-dropzone { background: #f9fcfb; } html[data-brand="aifit"] [data-attachment-policy-state] .attachment-dropzone--dragging { border-color: #008f79; background: #eaf6f0; } html[data-brand="aifit"] [data-attachment-policy-state] .attachment-choose-button { background: #007b72; } html[data-brand="aifit"] [data-attachment-policy-state] .attachment-choose-button:hover { background: #00607e; } /* -- 자동 색 치환: html/assets/css/agentShare.css (4) -- */ html[data-brand="aifit"] .agent_share_send_submit { background: linear-gradient(135deg, #009179, #00987c); box-shadow: 0 2px 8px rgba(0, 145, 121, 0.3); } html[data-brand="aifit"] .agent_share_send_submit:hover { background: linear-gradient(135deg, #007675, #008172); box-shadow: 0 4px 12px rgba(0, 145, 121, 0.4); } html[data-brand="aifit"] .agent_share_send_submit:active { box-shadow: 0 1px 4px rgba(0, 145, 121, 0.3); } html[data-brand="aifit"] .agent_share_org_select_all_btn--active { background-color: #eef8f3; border-color: #8bd2b7; color: #009e7f; } /* -- 자동 색 치환: html/assets/css/chat-tables.css (1) -- */ html[data-brand="aifit"] #ai_chat .chat_result .chat_markdown_table:focus { outline: 2px solid #11786a; } /* -- 자동 색 치환: html/css/base/variables.css (1) -- */ html[data-brand="aifit"] { --color-primary-50: #f0faf5; --color-primary-100: #ddf4e9; --color-primary-200: #bfead8; --color-primary-300: #88d4b7; --color-primary-400: #009f80; --color-primary-500: #008172; --color-primary-600: #006e78; --color-primary-700: #00577d; --color-primary-800: #00427d; --color-primary-900: #00437d; --color-secondary-500: #52b999; --color-secondary-600: #227772; --color-neutral-900: #0e1827; --color-info: #009e7f; --color-info-text: #227772; --color-info-dot: #52b999; --gradient-brand: linear-gradient(135deg, #50cfa8 0%, #00957b 100%); --gradient-brand-bar: linear-gradient(180deg, #50cfa8, #00957b); --gradient-primary: linear-gradient(135deg, #008172 0%, #008775 50%, #009f80 100%); --gradient-primary-hover: linear-gradient(135deg, #006e78 0%, #008172 50%, #008775 100%); --gradient-primary-active: linear-gradient(135deg, #008172 0%, #009f80 100%); --gradient-nav-active: linear-gradient(135deg, #f0faf5 0%, #ddf4e9 100%); --gradient-step-active: linear-gradient(135deg, #009179 0%, #00987c 100%); --gradient-stat-1: linear-gradient(90deg, #50cfa8, #008875); --gradient-stat-2: linear-gradient(90deg, #52b999, #22d3ee); --gradient-stat-3: linear-gradient(90deg, #008172, #009f80); --gradient-stat-4: linear-gradient(90deg, #00957b, #d946ef); --shadow-lg: 0 4px 14px rgba(0, 129, 114, 0.4); --shadow-primary: 0 1px 2px rgba(0, 129, 114, 0.4); --shadow-primary-hover: 0 4px 14px rgba(0, 129, 114, 0.4); --shadow-primary-active: 0 1px 2px rgba(0, 129, 114, 0.3); --shadow-avatar: 0 2px 8px rgba(0, 129, 114, 0.3); --shadow-pg-active: 0 2px 8px rgba(0, 129, 114, 0.35); --shadow-step-active: 0 2px 8px rgba(0, 145, 121, 0.3); --shadow-focus-primary: 0 0 0 3px rgba(0, 129, 114, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); --shadow-focus-primary-sm: 0 0 0 3px rgba(0, 129, 114, 0.08); } /* -- 자동 색 치환: html/css/components/agent-store.css (17) -- */ html[data-brand="aifit"] .ic-translate { background: linear-gradient(135deg, #26b28f, #009179); } html[data-brand="aifit"] .ic-code { background: linear-gradient(135deg, #00987c, #ec4899); } html[data-brand="aifit"] .ic-search { background: linear-gradient(135deg, #52b999, #00917a); } html[data-brand="aifit"] .ic-bot { background: linear-gradient(135deg, #009f80, #008172); } html[data-brand="aifit"] .ic-cpu { background: linear-gradient(135deg, #009179, #007675); } html[data-brand="aifit"] .ic-image { background: linear-gradient(135deg, #53c7a3, #007177); } html[data-brand="aifit"] .admin-app .ast_icon_option--selected { box-shadow: 0 0 8px rgba(0, 129, 114, 0.2); } html[data-brand="aifit"] .admin-app .ast_tag_chip { background: linear-gradient(135deg, #edf8f3, #def2e9); } html[data-brand="aifit"] .admin-app .ast_tag_chip_remove { color: #1abc95; } html[data-brand="aifit"] .ast_stats_dropdown_row strong { color: var(--color-primary-500, #008172); } html[data-brand="aifit"] .ast_stats_dropdown_link { color: var(--color-primary-500, #008172); } html[data-brand="aifit"] .ast_stats_dropdown_link:hover { background: var(--color-primary-50, #edf8f3); } html[data-brand="aifit"] .admin-app .ast_stats_tab--active { color: var(--color-primary-500, #009179); } html[data-brand="aifit"] .admin-app .ast_trend_bar--downloads { background: #009179; } html[data-brand="aifit"] .admin-app .ast_trend_legend_item--downloads::before { background: #009179; } html[data-brand="aifit"] .admin-app .ast_status_filter_btn--active { color: var(--color-primary-500, #008172); } html[data-brand="aifit"] .admin-app .sc_section_title { color: var(--color-neutral-900, #0e1827); } /* -- 자동 색 치환: html/css/components/badge.css (1) -- */ html[data-brand="aifit"] .admin-app .badge-primary { background: #edf8f3; } /* -- 자동 색 치환: html/css/components/detail-card.css (12) -- */ html[data-brand="aifit"] .admin-app .detail-content-box--question { background: #f0faf5; } html[data-brand="aifit"] .admin-app .content-block--primary { background: linear-gradient(135deg, #f0faf5, #edf8f3); } html[data-brand="aifit"] .admin-app .usage-stat-card__bar--price { background: linear-gradient(90deg, #008172, #009f80); } html[data-brand="aifit"] .admin-app .usage-stat-card__bar--users { background: linear-gradient(90deg, #009e7f, #3dbb98); } html[data-brand="aifit"] .admin-app .usage-stat-card__icon--price { background: linear-gradient(135deg, #def2e9, #edf8f3); } html[data-brand="aifit"] .admin-app .usage-stat-card__icon--users { background: linear-gradient(135deg, #d9efe5, #eef8f3); } html[data-brand="aifit"] .admin-app .usage-stat-value--price { color: #008172; } html[data-brand="aifit"] .admin-app .usage-user-name-cell p-button:focus-visible, html[data-brand="aifit"] .admin-app .usage-scope p-button:focus-visible { outline: 3px solid rgba(0, 129, 114, 0.35); } html[data-brand="aifit"] .admin-app .usage-metric-bar > span { background: linear-gradient(90deg, #008172, #009f80); } html[data-brand="aifit"] .admin-app .usage-detail-row > td { background: #f7fcfa; } html[data-brand="aifit"] .admin-app [data-usage-channel="API"] { border-top: 3px solid #009e7f; } html[data-brand="aifit"] .admin-app [data-usage-channel="CHAT"] { border-top: 3px solid #008172; } /* -- 자동 색 치환: html/css/components/notice.css (3) -- */ html[data-brand="aifit"] .admin-app .notice-drag-row.dragging { background: #def2e9; box-shadow: 0 4px 16px rgba(0, 129, 114, 0.15); } html[data-brand="aifit"] .admin-app .notice-create-btn { box-shadow: 0 3px 12px rgba(0, 129, 114, 0.35) !important; } html[data-brand="aifit"] .admin-app .notice-create-btn:hover { box-shadow: 0 5px 20px rgba(0, 129, 114, 0.45) !important; } /* -- 자동 색 치환: html/css/components/pagination.css (1) -- */ html[data-brand="aifit"] .admin-app ul.pagination li > button:focus-visible { outline: 3px solid rgba(0, 129, 114, 0.35); } /* -- 자동 색 치환: html/css/components/popup.css (8) -- */ html[data-brand="aifit"] .popup-backdrop, html[data-brand="aifit"] .admin-app .popup-backdrop { background: rgba(14, 24, 39, 0.4); } html[data-brand="aifit"] .popup-overlay { background: rgba(14, 24, 39, 0.5); } html[data-brand="aifit"] .admin-app .popup-close:hover { background: #edf8f3; } html[data-brand="aifit"] .admin-app .upload-quota-bar { background: #edf8f3; } html[data-brand="aifit"] .admin-app .upload-quota-refresh:hover { background: #def2e9; } html[data-brand="aifit"] .admin-app .upload-staged-item .file-source { background: #def2e9; } html[data-brand="aifit"] .admin-app .upload-staged-item .file-source--onedrive { background: #d9efe5; color: #008373; } html[data-brand="aifit"] .admin-app .upload-staged-item .file-source--local { background: #def2e9; } /* -- 자동 색 치환: html/css/components/search-filter.css (8) -- */ html[data-brand="aifit"] .admin-app .css-icon--filter { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23008172' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E"); } html[data-brand="aifit"] .admin-app .css-icon--user { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23008172' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); } html[data-brand="aifit"] .admin-app .css-icon--chat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23008172' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); } html[data-brand="aifit"] .admin-app .css-icon--edit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352b999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); } html[data-brand="aifit"] .admin-app .css-icon--info { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23008172' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); } html[data-brand="aifit"] .admin-app .css-icon--attachment { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23008172' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E"); } html[data-brand="aifit"] .admin-app .css-icon--link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23008172' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); } html[data-brand="aifit"] .admin-app .css-icon--settings { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23008172' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E"); } /* -- 자동 색 치환: html/css/components/toggle.css (1) -- */ html[data-brand="aifit"] .admin-app .toggle input:focus-visible + .toggle-slider { box-shadow: var(--shadow-toggle-inset), 0 0 0 3px rgba(0, 129, 114, 0.15); } /* -- 자동 색 치환: html/css/layouts/content.css (1) -- */ html[data-brand="aifit"] .admin-app .catdoc-sort-btn.on { background: #edf8f3; color: #008172; border: 1px solid #bfead8; } /* -- 자동 색 치환: html/apps/admin/domains/apiAnalysis/styles.css (31) -- */ html[data-brand="aifit"] .apilimit_alertbadge_btn:hover, html[data-brand="aifit"] .apianalysis_alertbadge_btn:hover { background-color: #eff8f4; border-color: #addeca; } html[data-brand="aifit"] .apilimit_toast--info, html[data-brand="aifit"] .apianalysis_toast--info { border-left: 4px solid #11786a; } html[data-brand="aifit"] .apilimit_legend_sw--bar, html[data-brand="aifit"] .apianalysis_legend_sw--bar { background: #11786a; } html[data-brand="aifit"] .apilimit_kpi_card--cost .apilimit_kpi_value, html[data-brand="aifit"] .apianalysis_kpi_card--cost .apianalysis_kpi_value { color: #11786a; } html[data-brand="aifit"] .apilimit_kpi_card--cost .apilimit_kpi_label::before, html[data-brand="aifit"] .apianalysis_kpi_card--cost .apianalysis_kpi_label::before { color: #11786a; } html[data-brand="aifit"] .apilimit_chart, html[data-brand="aifit"] .apianalysis_chart { background: linear-gradient(to top, rgba(17, 120, 106, 0.05), transparent), repeating-linear-gradient(to right, transparent 0 60px, rgba(0, 0, 0, 0.04) 60px 61px); } html[data-brand="aifit"] .apilimit_chart_bar, html[data-brand="aifit"] .apianalysis_chart_bar { background: #11786a; } html[data-brand="aifit"] .apilimit_chart_bar--current, html[data-brand="aifit"] .apianalysis_chart_bar--current { background: #005d7f; } html[data-brand="aifit"] .apilimit_range_info, html[data-brand="aifit"] .apianalysis_range_info { color: #11786a; background: rgba(17, 120, 106, 0.08); border-left: 3px solid #11786a; } html[data-brand="aifit"] .apilimit_users_chart, html[data-brand="aifit"] .apianalysis_users_chart { background: rgba(17, 120, 106, 0.03); } html[data-brand="aifit"] .apilimit_users_bar_track, html[data-brand="aifit"] .apianalysis_users_bar_track { background: rgba(17, 120, 106, 0.08); } html[data-brand="aifit"] .apilimit_users_bar_fill, html[data-brand="aifit"] .apianalysis_users_bar_fill { background: linear-gradient(90deg, #11786a, #00977c); } html[data-brand="aifit"] .apilimit_table thead th, html[data-brand="aifit"] .apianalysis_table thead th { border-top: 1px solid #005b7f; } html[data-brand="aifit"] .apilimit_keys_row:hover, html[data-brand="aifit"] .apianalysis_keys_row:hover { background: #eff8f4; } html[data-brand="aifit"] .apilimit_chip--enforce, html[data-brand="aifit"] .apianalysis_chip--enforce { background: rgba(17, 120, 106, 0.10); color: #11786a; } html[data-brand="aifit"] .apilimit_usage_pct, html[data-brand="aifit"] .apianalysis_usage_pct { color: #008976; } html[data-brand="aifit"] .apilimit_row_progress > span, html[data-brand="aifit"] .apianalysis_row_progress > span, html[data-brand="aifit"] .apilimit_row_progress > .apilimit_row_progress_bar, html[data-brand="aifit"] .apianalysis_row_progress > .apianalysis_row_progress_bar { background: #008976; } html[data-brand="aifit"] .apilimit_row_progress--ok > span, html[data-brand="aifit"] .apianalysis_row_progress--ok > span, html[data-brand="aifit"] .apilimit_row_progress--ok > .apilimit_row_progress_bar, html[data-brand="aifit"] .apianalysis_row_progress--ok > .apianalysis_row_progress_bar { background: #008976; } html[data-brand="aifit"] .apilimit_progress_bar > span, html[data-brand="aifit"] .apianalysis_progress_bar > span { background: #11786a; } html[data-brand="aifit"] .apilimit_drawer_subtab:hover, html[data-brand="aifit"] .apianalysis_drawer_subtab:hover { color: #11786a; } html[data-brand="aifit"] .apilimit_drawer_subtab.is-active, html[data-brand="aifit"] .apianalysis_drawer_subtab.is-active { color: #11786a; border-bottom-color: #11786a; } html[data-brand="aifit"] .apilimit_banner_btn, html[data-brand="aifit"] .apianalysis_banner_btn { border: 1px solid #11786a; color: #11786a; } html[data-brand="aifit"] .apilimit_banner_btn:hover, html[data-brand="aifit"] .apianalysis_banner_btn:hover { background: #eff8f4; } html[data-brand="aifit"] .apilimit_info_box, html[data-brand="aifit"] .apianalysis_info_box { background: #f0f9f4; border: 1px solid #cceadd; color: #253a5a; } html[data-brand="aifit"] .apilimit_form_table, html[data-brand="aifit"] .apianalysis_form_table { border-top: 1px solid #005b7f; } html[data-brand="aifit"] .apilimit_diff_after, html[data-brand="aifit"] .apianalysis_diff_after { background: rgba(17, 120, 106, 0.08); color: #11786a; } html[data-brand="aifit"] .apilimit_inner_tab:hover, html[data-brand="aifit"] .apianalysis_inner_tab:hover { color: #11786a; } html[data-brand="aifit"] .apilimit_inner_tab.is-active, html[data-brand="aifit"] .apianalysis_inner_tab.is-active { color: #11786a; border-bottom-color: #11786a; } html[data-brand="aifit"] .apilimit_keyid_copy:hover, html[data-brand="aifit"] .apianalysis_keyid_copy:hover { background: #eef8f3; color: #11786a; border-color: #8bd2b7; } html[data-brand="aifit"] .apilimit_keyid_copy:active, html[data-brand="aifit"] .apianalysis_keyid_copy:active { background: #d9efe5; } html[data-brand="aifit"] .apilimit_keyid_copy:focus-visible, html[data-brand="aifit"] .apianalysis_keyid_copy:focus-visible { outline: 2px solid #11786a; } /* -- 수동: html/shared/brand/themes/aifit/theme.css -- */ /* ============================================================================ * AI-Fit 브랜드 — 수동 테마 * * 범위: html[data-brand="aifit"] 일 때만 적용된다 (brandBoot.js 가 설정). * 이 파일은 직접 편집하는 원본이다. 페이지는 이 파일이 아니라 생성 번들 * `../brand-themes.css` 를 읽으므로, 고친 뒤 `npm run brand:build` 로 번들을 다시 만든다. * * 색 치환(P-GPT 파랑 → AI-Fit 팔레트)은 생성기가 ui_V2.css 등에서 자동으로 만든다. * 여기에는 자동 치환으로 표현할 수 없는 것만 둔다: 로고 이미지, 워드마크, 브랜드 강조. * 이미지 경로는 이 파일 위치 기준으로 쓴다 (생성기가 번들 위치에 맞춰 다시 계산한다). * * 색 기준: BI.png — 네이비 #10294B → 블루 #1D4F91 → 틸 #2A9D8F → 민트 #5CC7B5 → 그린 #5DB36B * ============================================================================ */ html[data-brand="aifit"] { --brand-navy: #10294b; --brand-blue: #1d4f91; --brand-teal: #13806f; --brand-teal-strong: #0d6a5c; --brand-mint: #5cc7b5; --brand-mint-soft: #e7f6f2; --brand-green: #5db36b; --brand-gradient: linear-gradient(135deg, #1d4f91 0%, #2a9d8f 55%, #5db36b 100%); /* 캔버스·JS 가 읽는 색 (CSS 치환이 닿지 않는 곳) */ --audio-bar-color: #11786a; /* modules/audioVisualizer — 음성 입력 파형 */ --audio-bar-color-dim: #7ec9ae; } /* ── 로고 심볼: 사이드바 제목 + 사이드바 접힘 시 채팅 헤더 ── */ html[data-brand="aifit"] .gptIcon.gptIcon--logo { width: 33px; min-width: 33px; background-image: url("../assets/aifit/aifit-mark.png"); } /* ── 첫 화면 인사 로고: P-GPT 무지개 회전 원(SVG animate) → AI-Fit 심볼 ── * 원의 색은 SVG 값이라 CSS 치환이 닿지 않는다. 원을 비우고 심볼을 배경으로 둔다. */ html[data-brand="aifit"] .wrap .chat_wrap .chat_mainLogo { width: 56px; border-radius: 0; background: url("../assets/aifit/aifit-mark.png") center / contain no-repeat; } html[data-brand="aifit"] .wrap .chat_wrap .chat_mainLogo circle { stroke: none; animation: none; } /* ── 워드마크: 사이드바 제품명 ── */ html[data-brand="aifit"] .wrap .menu_wrap .menuTitle { color: var(--brand-navy); letter-spacing: -0.02em; } /* ── 관리자 콘솔 로고 ── */ html[data-brand="aifit"] .admin-app .sidebar-logo-icon { width: 44px; } html[data-brand="aifit"] .admin-app .sidebar-logo-icon img { height: auto; object-fit: contain; } html[data-brand="aifit"] .admin-app .sidebar-logo-text { color: var(--brand-navy); } /* ── 로그인 전 화면 (auth-pages.css 위에 덮음) ── * 데스크톱: 왼쪽 소개(락업·콘셉트) + 오른쪽 로그인 카드를 한 판으로 묶는다. * 좁은 화면(≤820px): 소개를 숨기고 카드만 — 카드 안 심볼이 브랜드를 보여 준다. */ html[data-brand="aifit"] body.auth_page { background: radial-gradient(1100px 620px at 0% 0%, #dff2ec 0%, rgba(223, 242, 236, 0) 60%), radial-gradient(900px 560px at 100% 100%, #e3ecf7 0%, rgba(227, 236, 247, 0) 60%), #f6f9f8; color: var(--brand-navy); } /* 소개 영역은 brandApplier 가 채운 뒤 보인다 — 카드만 먼저 그려졌다가 옆으로 밀리는 것을 막는다. */ html[data-brand="aifit"]:not([data-brand-applied]) .auth_shell--hero { visibility: hidden; } html[data-brand="aifit"] .auth_shell--hero { width: min(100%, 960px); border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(16, 41, 75, .12); overflow: hidden; } html[data-brand="aifit"] .auth_hero:not([hidden]) { flex: 1.1; display: flex; flex-direction: column; justify-content: center; gap: 36px; padding: 56px 48px; background: linear-gradient(160deg, #f1f8f6 0%, #e8f3f0 55%, #eaf0f8 100%); border-right: 1px solid #e2ece9; } html[data-brand="aifit"] .auth_hero_image { display: block; width: 220px; max-width: 100%; height: auto; } html[data-brand="aifit"] .auth_hero_highlights { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; } html[data-brand="aifit"] .auth_hero_highlights li { position: relative; display: grid; gap: 2px; padding-left: 22px; } /* 항목 표식: 로고의 원(사람 머리)을 닮은 점 — 민트 → 틸 → 그린 순 */ html[data-brand="aifit"] .auth_hero_highlights li::before { content: ""; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--brand-mint); } html[data-brand="aifit"] .auth_hero_highlights li:nth-child(2)::before { background: var(--brand-teal); } html[data-brand="aifit"] .auth_hero_highlights li:nth-child(3)::before { background: var(--brand-green); } html[data-brand="aifit"] .auth_hero_highlights strong { font-size: 16px; color: var(--brand-navy); } html[data-brand="aifit"] .auth_hero_highlights span { font-size: 14px; color: #4a5b70; } html[data-brand="aifit"] .auth_shell--hero .auth_card { flex: 0 0 420px; width: 420px; padding: 56px 44px; border-radius: 0; box-shadow: none; } html[data-brand="aifit"] .auth_shell--hero .auth_card_mark { display: none; } html[data-brand="aifit"] .auth_card_mark { height: 40px; } html[data-brand="aifit"] .auth_card h1 { color: var(--brand-navy); letter-spacing: -0.01em; } @media (max-width: 820px) { html[data-brand="aifit"] .auth_hero:not([hidden]) { display: none; } html[data-brand="aifit"] .auth_shell--hero { width: min(100%, 440px); border-radius: 16px; } html[data-brand="aifit"] .auth_shell--hero .auth_card { flex: 1; width: 100%; padding: 36px 28px; } html[data-brand="aifit"] .auth_shell--hero .auth_card_mark { display: block; } }