/* ============================================================
   AimSell 2.0 (AIMSELL_V2_SPEC.md, 디자인 기준 _overnight/ref 01_home·03)
   - 화면 스위치 AIMSELL_UI 켜짐일 때만 index.html 에 붙는다(server/services/aimsell-ui.js). 꺼짐이면 이 파일을 읽지 않는다
   - 모든 규칙은 html.aimsell 아래. 1층: 기존 토큰(--bai-*) 값만 바꿔 기존 화면을 새 톤으로. 2층: as- 새 부품
   - 값은 레퍼런스 그림(110dpi, 그림 px ÷ 1.146 = CSS px)에서 잰 값. 아침에 대표가 미세 조정
   ============================================================ */

/* ---------- 0. 토큰 ---------- */
html.aimsell {
  --as-rail: #191919;
  --as-rail-active: #2a2b2d;
  --as-rail-text: #d4d5d7;
  --as-rail-label: #a4a7aa;
  --as-rail-line: #2e2f31;
  --as-paper: #f2f3f5;
  --as-card: #ffffff;
  --as-line: #ebecee;
  --as-line-soft: #f0f0f0;
  --as-foot: #f9fbfa;
  --as-ink: #1A1A1A; /* 브랜드 가이드 v1.1 Charcoal(062-claude) */
  --as-ink-2: #5c5e60;
  --as-mute: #7c7e80;
  --as-accent: #007A7A; /* Deep Teal: 버튼·링크·작은 강조 글자 */
  --as-accent-icon: #009A9A; /* Teal: 아이콘·점·Bread Box 같은 포인트 */
  --as-accent-tint: #E5F4F4; /* Teal Tint */
  --as-guide: #00586a;
  --as-btn: #191919;
  --as-btn-2: #e9edf0;
  --as-chip: #f2f3f5;
  --as-danger: #c62828;
  --as-warn: #a86400;
  --as-trial: #232426;
  --as-trial-line: #303235;
  --as-trial-accent: #6ec7cc;
  --as-trial-bar: #488c8a;
  --as-rail-w: 232px;
  --as-pad-x: 32px;
  --as-gap: 16px;
  --as-radius: 10px;
  --as-radius-btn: 6px;

  /* 1층: 기존 토큰을 새 값으로 (클래스는 그대로, 겉모습만) */
  --bai-rail: var(--as-rail);
  --bai-rail-2: var(--as-rail-active);
  --bai-rail-text: var(--as-rail-text);
  --bai-rail-mute: var(--as-rail-label);
  --bai-paper: var(--as-paper);
  --bai-paper-2: #eceef0;
  --bai-paper-3: #e3e5e8;
  --bai-surface: #ffffff;
  --bai-line: var(--as-line);
  --bai-line-2: #d9dbde;
  --bai-ink: var(--as-ink);
  --bai-ink-2: #3a3c3e;
  --bai-ink-3: var(--as-ink-2);
  --bai-stone: var(--as-mute);
  --bai-copper: var(--as-accent);
  --bai-terra: var(--as-accent-icon); /* 테라코타는 Bread&AI 전용, AimSell 에선 Teal(063-claude: 사이드바 Weekly 점·문의 새 답변 점) */
  --bai-terra-tint: var(--as-accent-tint);
  --bai-copper-deep: var(--as-guide);
  --bai-copper-tint: var(--as-accent-tint);
  --bai-danger: var(--as-danger);
  --bai-warn: var(--as-warn);
  --bg-page: var(--as-paper);
  --bg-card: var(--as-card);
  /* 077 3번 톤앤매너: 남은 예전 창·화면(토스트·문의 창·오류 상자·체험 배너·다운로드 카드·소개서 관리 안쪽 폼·이메일 템플릿 빌더·SK 접근 방식 고르기)은
     마크업·기능 그대로 두고 아직 Bread&AI 값으로 남은 토큰만 AimSell 값으로(붉은 갈색 빛 배경·초록 완료색·12px 둥글기·갈색 그림자) */
  --bai-danger-tint: #fbeaea;
  --bai-warn-tint: #fdf3e2;
  --bai-teal: var(--as-accent);
  --bai-teal-deep: var(--as-guide);
  --bai-teal-tint: var(--as-accent-tint);
  --bai-petrol-light: #7fc9c9;
  --orange-glow: rgba(0, 122, 122, .12);
  --r-2: var(--as-radius-btn);
  --r-3: var(--as-radius);
  --radius-xl: var(--as-radius);
  --shadow-pop: 0 16px 48px -12px rgba(0, 0, 0, .18), 0 2px 0 rgba(0, 0, 0, .04);
}
/* 예전 주 버튼(잉크)·입력칸: 눌렀을 때 갈색·흐린 글자 갈색을 AimSell 회색 계열로(모양은 이미 잉크 버튼) */
html.aimsell .btn-primary:hover:not(:disabled), html.aimsell .btn-cta:hover:not(:disabled), html.aimsell .btn-sm:hover:not(:disabled) { background: #000000; border-color: #000000; }
html.aimsell .btn-primary:disabled, html.aimsell .btn-cta:disabled, html.aimsell .btn-sm:disabled { color: #a9abae; }
html.aimsell .form-input::placeholder, html.aimsell textarea::placeholder, html.aimsell input::placeholder { color: #a9abae; }
/* 토큰을 거치지 않고 Bread&AI 색을 직접 쓰던 곳(예전 컨텍스트 카드 왼쪽 선, 이메일 템플릿 빌더 초록·갈색 강조) */
html.aimsell .my-ctx-card.structured { border-left-color: var(--as-accent-icon); }
html.aimsell .et-note, html.aimsell .et-bar, html.aimsell .et-guide { border-color: #b8dede; border-left-color: var(--as-accent); }
html.aimsell .et-slot:hover { background: #b8dede; }
html.aimsell .et-guide li { color: var(--as-guide); }
html.aimsell .et-para .et-del:hover { background: var(--bai-danger-tint); border-color: #f0c4c4; color: var(--as-danger); }

html.aimsell body { background: var(--as-paper); color: var(--as-ink); font-variant-numeric: tabular-nums; }

/* ---------- 1. 껍데기: 사이드바 ---------- */
html.aimsell .app-shell { grid-template-columns: var(--as-rail-w) minmax(0, 1fr); } /* minmax(0, …): 본문 안 그림·긴 글의 최소 폭이 본문을 넓혀 가로 스크롤이 생기지 않게(057-claude 2, 꺼짐 theme-v4 와 같은 규칙) */
html.aimsell .bai-rail {
  width: var(--as-rail-w);
  background: var(--as-rail);
  padding: 20px 14px 14px;
  gap: 2px;
}
html.aimsell .as-logo {
  display: flex; align-items: center;
  min-height: 32px; padding: 0 0 0 8px; margin: -4px 0 0; /* 누름 영역 28px 이상(hittest). 워드마크 글자 왼쪽 끝을 아래 메뉴 아이콘 줄과 맞추고, SVG 안 여백만큼 위아래를 줄여 메뉴와 균형(064) */
  color: #ffffff; cursor: pointer; user-select: none;
}
html.aimsell .as-logo-img { display: block; flex: none; max-width: none; } /* 로고 파일 그대로(늘리거나 줄여 비율을 깨지 않는다), 여백은 SVG 안에 Bread Box 한 개 이상 */
html.aimsell .logo-home-alt .as-logo-img { width: 96px; height: auto; }
html.aimsell .rail-badges { padding: 0 8px; }
html.aimsell #trial-badge { display: none !important; } /* 체험 상태는 아래 체험 박스가 보여 준다(ref 03) */
html.aimsell .rail-badges:empty { display: none; }
html.aimsell .as-rail-label {
  font-size: 12px; font-weight: 500; color: var(--as-rail-label);
  padding: 12px 10px 6px;
}
html.aimsell .bai-rail .rail-nav { display: flex; flex-direction: column; gap: 2px; }
html.aimsell .bai-rail .nav-btn {
  display: flex; align-items: center; gap: 10px;
  width: 100%; min-height: 36px; padding: 0 12px;
  border-radius: 8px; border: 0; background: transparent;
  color: #c9cacc; font-size: 14px; font-weight: 400; text-align: left;
}
html.aimsell .bai-rail .nav-btn .nav-icon { opacity: 1; }
html.aimsell .bai-rail .nav-btn.active .nav-icon { color: #ffffff; }
html.aimsell .bai-rail .nav-btn[hidden] { display: none; } /* 위 display:flex 가 hidden 을 이기지 않게(팀 기록·숨긴 제안하기) */
html.aimsell .bai-rail .nav-btn { transition: none; } /* 선택 표시가 바로 바뀌게(예전 0.15s 전환 중에는 앞 메뉴 바탕이 남아 둘이 선택된 것처럼 보였다) */
html.aimsell .bai-rail .nav-btn:hover { background: rgba(255, 255, 255, 0.05); color: #ffffff; }
html.aimsell .bai-rail .nav-btn.active { background: var(--as-rail-active); color: #ffffff; font-weight: 600; }
html.aimsell .bai-rail .nav-btn .nav-icon { width: 16px; height: 16px; flex: 0 0 16px; }
html.aimsell .bai-rail .nav-btn .nav-label { flex: 1; min-width: 0; }
html.aimsell .as-nav-count { font-size: 12px; color: var(--as-rail-label); font-weight: 500; }
html.aimsell .as-nav-count:empty { display: none; }

/* 무료 체험 박스 (ref 03) */
html.aimsell .as-trial {
  margin: 18px 0 0; padding: 14px 12px 12px;
  background: var(--as-trial); border: 1px solid var(--as-trial-line); border-radius: var(--as-radius);
  color: #ffffff;
}
html.aimsell .as-trial[hidden] { display: none; }
html.aimsell .as-trial-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
html.aimsell .as-trial-head b { font-size: 14px; font-weight: 700; }
html.aimsell .as-trial-days { font-size: 13px; font-weight: 600; color: var(--as-trial-accent); }
html.aimsell .as-trial-row { display: flex; justify-content: space-between; font-size: 12px; color: #e3e4e6; margin-top: 8px; }
html.aimsell .as-trial-row b { font-weight: 700; color: #ffffff; }
html.aimsell .as-trial-row b span { color: var(--as-rail-label); font-weight: 500; }
html.aimsell .as-trial-bar { height: 3px; margin-top: 6px; background: #3a3c3f; border-radius: 2px; overflow: hidden; }
html.aimsell .as-trial-bar i { display: block; height: 100%; background: var(--as-trial-accent); }
html.aimsell .as-trial-cta {
  width: 100%; height: 32px; margin-top: 12px;
  background: #ffffff; color: var(--as-ink); border: 0; border-radius: var(--as-radius-btn);
  font-size: 13px; font-weight: 700; cursor: pointer;
}

/* 진행 중 상자(114-claude, components/aimsell-jobs.js): 문의하기 위. 메뉴 옆 예전 진행 점은 이 상자가 대신한다 */
html.aimsell .bai-rail .nav-busy-dot { display: none; }
html.aimsell .as-jobs { display: flex; flex-direction: column; gap: 2px; margin: 12px 0 0; padding: 10px 8px 8px; border: 1px solid var(--as-rail-line); border-radius: var(--as-radius); }
html.aimsell .as-jobs[hidden] { display: none; }
html.aimsell .as-jobs-h { padding: 0 4px 4px; font-size: 11px; font-weight: 600; color: var(--as-rail-label); }
html.aimsell .as-jobs-row { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 30px; padding: 4px; border: 0; border-radius: 6px; background: none; color: #e3e4e6; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
html.aimsell .as-jobs-row i { flex: none; width: 6px; height: 6px; border-radius: 3px; background: #6ec7cc; animation: lxBlink 1.2s ease-in-out infinite; }
html.aimsell .as-jobs-t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.aimsell .as-jobs-row b { flex: none; font-weight: 700; color: #ffffff; font-variant-numeric: tabular-nums; }
html.aimsell .as-jobs-row:hover { background: rgba(255, 255, 255, 0.06); color: #ffffff; }
html.aimsell .as-jobs-row.is-done i { animation: none; background: #9fe0dc; } /* 118-claude: 끝난 줄("준비됨")은 점이 깜빡이지 않는다 */
html.aimsell .bai-rail .as-jobs .as-jobs-row:not(:hover) { color: #e3e4e6; } /* 사이드바 글자 색(전역 버튼 색보다 앞서게) */
/* 아래: 문의하기·Admin·사용자 */
html.aimsell .bai-rail .rail-nav-account { padding-top: 6px; }
html.aimsell .as-rail-user {
  display: flex; align-items: center; gap: 6px;
  margin-top: 8px; padding: 10px 0 0; border-top: 1px solid var(--as-rail-line);
}
html.aimsell .as-rail-user .as-user-btn { flex: 1; min-height: 44px; align-items: center; }
html.aimsell .as-user-text { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
html.aimsell .as-user-text .rail-user-name { color: #ffffff; font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.aimsell .as-user-sub { font-size: 12px; color: var(--as-rail-label); }
html.aimsell .as-rail-user .avatar { display: none !important; }
html.aimsell .as-rail-user .nav-logout { color: var(--as-rail-label); }

/* ---------- 2. 새 화면 공용: 페이지 머리·몸 ---------- */
html.aimsell .main-content:has(> .as-page) { padding: 0; max-width: none; }
html.aimsell .as-page { min-height: 100%; }
html.aimsell .as-page-head {
  background: #ffffff; border-bottom: 1px solid #eceef0;
  padding: 16px var(--as-pad-x) 14px;
}
html.aimsell .as-crumbs { font-size: 14px; color: var(--as-ink); line-height: 20px; }
html.aimsell .as-crumbs a { color: var(--as-ink-2); text-decoration: none; cursor: pointer; }
html.aimsell .as-crumbs .as-crumb-sep { color: var(--as-mute); margin: 0 6px; }
html.aimsell .as-page-title { font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 34px; margin: 16px 0 0; color: var(--as-ink); }
html.aimsell .as-page-desc { font-size: 13px; color: var(--as-ink-2); line-height: 20px; margin: 6px 0 0; }
html.aimsell .as-page-body { padding: 24px var(--as-pad-x) 64px; display: flex; flex-direction: column; gap: var(--as-gap); }
html.aimsell .as-row { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
html.aimsell .as-row-64 { grid-template-columns: 1.55fr 1fr; }

/* 카드 */
html.aimsell .as-card {
  background: var(--as-card); border: 1px solid var(--as-line); border-radius: var(--as-radius);
  overflow: hidden; min-width: 0; display: flex; flex-direction: column;
}
html.aimsell .as-card > .as-stats, html.aimsell .as-card > .as-card-body { flex: 1; } /* 같은 줄 카드 높이가 달라도 바닥 줄은 맨 아래 */
html.aimsell .as-card-head {
  display: flex; align-items: center; gap: 10px; min-height: 46px;
  padding: 0 20px; border-bottom: 1px solid var(--as-line-soft);
}
html.aimsell .as-card-title { font-size: 14px; font-weight: 700; color: var(--as-ink); margin: 0; }
html.aimsell .as-card-sub { font-size: 13px; color: var(--as-mute); }
html.aimsell .as-card-head .as-push { margin-left: auto; }
html.aimsell .as-card-foot {
  padding: 9px 20px; background: var(--as-foot); border-top: 1px solid #eef0ef;
  font-size: 13px; color: var(--as-ink-2);
}

/* 칩·버튼·배지 */
/* 영업 현황 두 카드 머리 [지난주 | 이번 주](056-claude B-5) */
html.aimsell .as-range-seg { display: inline-flex; flex: none; gap: 2px; padding: 2px; border: 1px solid var(--as-line); border-radius: var(--as-radius-btn); background: var(--as-card); }
html.aimsell .as-range-seg button { height: 22px; padding: 0 7px; border: 0; border-radius: 5px; background: transparent; font: inherit; font-size: 12px; font-weight: 600; color: var(--as-mute); white-space: nowrap; cursor: pointer; }
html.aimsell .as-range-seg button:hover { color: var(--as-ink); }
html.aimsell .as-range-seg button.active { background: var(--as-accent-tint); color: var(--as-accent); }
/* 같은 성격의 두세 칸 전환은 모두 이 모양(067-claude): 팀 기록 [지난주 | 최근 8주]·팀원 탐색 결과 기간(team.js 가 as-range-seg 를 쓴다), 영업 자료 [한국어 | English](propose.js 마크업 그대로, 모양만) */
html.aimsell .language-toggle { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--as-line); border-radius: var(--as-radius-btn); background: var(--as-card); overflow: visible; }
html.aimsell .language-toggle .lang-btn { height: 22px; padding: 0 8px; border: 0; border-radius: 5px; background: transparent; font-size: 12px; font-weight: 600; line-height: 22px; color: var(--as-mute); }
html.aimsell .language-toggle .lang-btn:hover:not(.active) { background: transparent; color: var(--as-ink); }
html.aimsell .language-toggle .lang-btn.active { background: var(--as-accent-tint); color: var(--as-accent); font-weight: 600; }
html.aimsell #home-auto > .as-card-head, html.aimsell #home-manual > .as-card-head { flex-wrap: wrap; row-gap: 6px; padding-top: 8px; padding-bottom: 8px; }
html.aimsell .as-home .as-card-head > .as-card-title:has(> [data-rword]), html.aimsell .as-home .as-card-head > .as-card-title:has(> [data-rword]) + .as-card-sub { white-space: nowrap; }
html.aimsell .as-week-tools { display: inline-flex; flex: none; align-items: center; gap: 8px; }
/* 영업 현황 카드 머리 '자동 기록'·'직접 기록': 버튼이 아닌 설명 글자(128-claude), 테두리·바탕 없음, 커서 기본 */
html.aimsell .as-rec-note { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 400; color: #868B92; white-space: nowrap; cursor: default; }
html.aimsell .as-rec-note svg { width: 12px; height: 12px; flex: none; }
html.aimsell .as-card-head.as-week-wrap > .as-week-tools { flex-basis: 100%; justify-content: flex-start; margin-left: 0; }
html.aimsell .as-chip {
  display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px;
  background: var(--as-chip); border: 1px solid var(--as-line); border-radius: var(--as-radius-btn);
  font-size: 12px; font-weight: 600; color: var(--as-ink-2); white-space: nowrap;
}
html.aimsell .as-chip svg { width: 13px; height: 13px; }
html.aimsell .as-btn, html.aimsell .as-btn-2 {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 32px; padding: 0 16px; border-radius: var(--as-radius-btn); border: 0;
  font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap;
}
html.aimsell .as-btn { background: var(--as-btn); color: #ffffff; }
html.aimsell .as-btn:hover { background: #333333; }
html.aimsell .as-btn-2 { background: var(--as-btn-2); color: var(--as-ink); }
html.aimsell .as-btn-2:hover { background: #dde2e6; }
html.aimsell .as-badge-signal {
  display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px;
  background: var(--as-accent-tint); color: var(--as-accent); border-radius: 4px; font-size: 13px; font-weight: 700;
}
html.aimsell .as-stage { font-weight: 700; color: var(--as-ink); }
html.aimsell .as-stage[data-stage="meeting"] { color: var(--as-accent); }
html.aimsell .as-link { color: var(--as-accent); font-weight: 600; text-decoration: none; cursor: pointer; }

/* 숫자 칸 */
html.aimsell .as-stats { display: grid; }
html.aimsell .as-stats-3 { grid-template-columns: repeat(3, 1fr); }
html.aimsell .as-stats-2 { grid-template-columns: repeat(2, 1fr); }
html.aimsell .as-stat { padding: 16px 20px 16px; min-width: 0; }
html.aimsell .as-stat + .as-stat { border-left: 1px solid var(--as-line-soft); }
html.aimsell .as-stat-label { font-size: 13px; font-weight: 600; color: var(--as-ink); }
html.aimsell .as-stat-label small { font-size: 12px; font-weight: 500; color: var(--as-mute); margin-left: 6px; }
html.aimsell .as-stat-num { margin-top: 10px; display: flex; align-items: baseline; gap: 3px; line-height: 1; }
html.aimsell .as-stat-num b { font-size: 30px; font-weight: 600; color: var(--as-ink); }
html.aimsell .as-stat-num span { font-size: 15px; font-weight: 500; color: var(--as-ink); }
html.aimsell .as-stat-sub { margin-top: 10px; font-size: 12px; color: var(--as-ink-2); min-height: 18px; }

/* 표 */
html.aimsell .as-table { width: 100%; border-collapse: collapse; }
html.aimsell .as-table th { font-size: 12px; font-weight: 500; color: var(--as-ink-2); text-align: left; padding: 12px 20px; border-bottom: 1px solid var(--as-line-soft); }
html.aimsell .as-table td { padding: 14px 20px; border-bottom: 1px solid var(--as-line-soft); font-size: 13px; vertical-align: middle; }
html.aimsell .as-table tr:last-child td { border-bottom: 0; }

html.aimsell .as-empty { padding: 28px 20px; font-size: 13px; color: var(--as-mute); text-align: center; }
html.aimsell .as-skel { color: var(--as-mute); }

/* ---------- P3 고객사 서칭 (ref 07) ---------- */
html.aimsell .as-search-top { background: #f3f1ec; padding: 24px var(--as-pad-x) 32px; border-bottom: 1px solid #eceae4; }
html.aimsell .as-search-top .as-row { gap: 20px; align-items: stretch; }
html.aimsell .as-search-card { padding: 28px 28px 28px; }
/* 134-claude 3: 소개서 고르기 드롭다운(aimsell-select.js). 진짜 select 는 숨김(값·change 는 그대로), 이름 + 오른쪽 태그 */
html.aimsell .as-dd-native { display: none !important; }
html.aimsell .as-dd { position: relative; }
html.aimsell .as-card:has(.as-dd.is-open) { overflow: visible; }
html.aimsell .as-dd-btn { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 8px 12px; box-sizing: border-box; border: 1px solid #dcdee1; border-radius: 6px; background: #ffffff; font: inherit; font-size: 14px; color: var(--as-ink); text-align: left; cursor: pointer; transition: border-color .15s; }
html.aimsell .as-dd-btn:hover:not(:disabled) { border-color: #C9CED3; }
html.aimsell .as-dd.is-open .as-dd-btn { border-color: var(--as-accent); }
html.aimsell .as-dd-btn:disabled { background: #F4F5F7; color: #868B92; cursor: default; }
html.aimsell .as-dd-cur { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; flex: 1; min-width: 0; }
html.aimsell .as-dd-name { min-width: 0; overflow-wrap: anywhere; }
html.aimsell .as-dd-tag { flex: none; display: inline-flex; align-items: center; height: 20px; padding: 0 6px; border-radius: 4px; background: #E5F4F4; color: #007A7A; font-size: 12px; font-weight: 600; white-space: nowrap; }
html.aimsell .as-dd-tag.is-none { background: #EEF0F2; color: #868B92; }
html.aimsell .as-dd-chev { flex: none; width: 16px; height: 16px; color: #868B92; transition: transform .15s; }
html.aimsell .as-dd.is-open .as-dd-chev { transform: rotate(180deg); }
html.aimsell .as-dd-list { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); max-height: 288px; overflow-y: auto; margin: 0; padding: 4px; list-style: none; background: #ffffff; border: 1px solid #dcdee1; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .08); }
html.aimsell .as-dd-opt { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; padding: 8px 10px; border-radius: 6px; font-size: 14px; color: var(--as-ink); cursor: pointer; }
html.aimsell .as-dd-opt.is-active { background: #F4F5F7; }
html.aimsell .as-dd-opt[aria-selected="true"] { font-weight: 600; }
html.aimsell .as-dd-opt.is-off { color: #868B92; cursor: default; }
html.aimsell .as-search-icon { color: var(--as-ink); margin-bottom: 14px; }
html.aimsell .as-search-title { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; margin: 0; color: var(--as-ink); }
html.aimsell .as-search-desc { font-size: 14px; color: var(--as-ink-2); margin: 8px 0 22px; }
html.aimsell .as-field-head { display: flex; align-items: baseline; gap: 8px; margin: 4px 0 10px; font-size: 14px; color: var(--as-ink); }
html.aimsell .as-field-head .as-strong-link { margin-left: auto; font-weight: 700; color: var(--as-ink); cursor: pointer; font-size: 13px; }
html.aimsell .as-label { display: block; font-size: 13px; font-weight: 600; color: var(--as-ink); margin: 14px 0 6px; }
html.aimsell .as-label-sub { font-size: 12px; font-weight: 400; color: var(--as-mute); }
html.aimsell .as-input, html.aimsell .as-select {
  width: 100%; height: 44px; padding: 0 14px; box-sizing: border-box;
  border: 1px solid #dcdee1; border-radius: 6px; background: #ffffff; font: inherit; font-size: 14px; color: var(--as-ink);
}
html.aimsell .as-input::placeholder { color: #a9abae; }
html.aimsell .as-input:focus, html.aimsell .as-select:focus { outline: 2px solid var(--as-accent-tint); border-color: var(--as-accent); }
html.aimsell .as-help { font-size: 12px; color: var(--as-mute); margin: 6px 0 0; }
html.aimsell .as-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
html.aimsell .as-grid-2 .as-label { margin-top: 0; }
html.aimsell .as-hr { border: 0; border-top: 1px solid var(--as-line); margin: 20px 0 14px; }
html.aimsell .as-scenario-approach { font-size: 12px; color: var(--as-ink-2); margin: 6px 2px 0; min-height: 16px; }
html.aimsell .as-scenario-approach:not(.open) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
html.aimsell .as-link.as-approach-more { display: inline-block; margin: 4px 2px 0; font-size: 12px; }
html.aimsell .as-chips { display: flex; flex-wrap: wrap; gap: 8px; }
html.aimsell .as-sig-chip {
  display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px;
  border: 1px solid var(--as-accent); border-radius: 6px; background: #ffffff; font-size: 13px; color: var(--as-ink);
}
html.aimsell .as-sig-chip b { font-weight: 700; }
html.aimsell .as-sig-chip span { color: var(--as-accent); font-size: 12px; }
html.aimsell .as-bolt { color: var(--as-accent-icon); flex: 0 0 auto; }
/* 고객사 서칭 카드 시그널 켜고 끄기·SK 지역·직접 입력(072-claude A·B) */
html.aimsell .as-sig-group + .as-sig-group { margin-top: 12px; }
html.aimsell .as-sig-group-k { font-size: 12px; font-weight: 600; color: var(--as-ink-2); margin: 0 0 6px; }
html.aimsell .as-sig-note { font-size: 12px; color: var(--as-mute); margin: 0; }
html.aimsell .as-sig-toggle { font: inherit; font-size: 13px; cursor: pointer; }
html.aimsell .as-sig-toggle:hover { background: var(--as-accent-tint); }
html.aimsell .as-sig-toggle.is-off { border-color: #dcdee1; background: #ffffff; color: var(--as-mute); }
html.aimsell .as-sig-toggle.is-off b { font-weight: 500; text-decoration: line-through; }
html.aimsell .as-sig-toggle.is-off span { color: var(--as-mute); }
html.aimsell .as-sig-toggle.is-off .as-bolt { opacity: .35; }
html.aimsell .as-ex-chip { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 6px; background: var(--as-chip); font-size: 12px; color: var(--as-ink-2); }
html.aimsell .as-region-chip { height: 32px; min-width: 56px; padding: 0 12px; border: 1px solid #dcdee1; border-radius: 6px; background: #ffffff; font: inherit; font-size: 13px; color: var(--as-mute); cursor: pointer; }
html.aimsell .as-region-chip.active { border-color: var(--as-accent); background: var(--as-accent-tint); color: var(--as-ink); font-weight: 700; }
html.aimsell .as-search-note { font-size: 12px; color: var(--as-ink-2); margin: 10px 2px 0; }
html.aimsell .as-search-note[hidden] { display: none; }
html.aimsell .as-search-more { margin-top: 14px; }
html.aimsell #search-scenario-box[hidden], html.aimsell #search-sig-box[hidden], html.aimsell #search-region-box[hidden] { display: none; }
html.aimsell .as-custom { margin-top: 14px; border-top: 1px solid var(--as-line); padding-top: 12px; }
html.aimsell .as-custom-sum { display: flex; align-items: center; gap: 6px; min-height: 28px; font-size: 13px; font-weight: 700; color: var(--as-ink); cursor: pointer; list-style: none; }
html.aimsell .as-custom-sum::-webkit-details-marker { display: none; }
html.aimsell .as-custom-sum::after { content: ""; width: 7px; height: 7px; margin-left: 4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
html.aimsell .as-custom[open] .as-custom-sum::after { transform: rotate(-135deg) translateY(-2px); }
html.aimsell .as-custom .as-help { margin: 4px 0 8px; }
html.aimsell .as-textarea { height: auto; min-height: 84px; padding: 10px 14px; line-height: 1.5; resize: vertical; }
html.aimsell .as-custom-save { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
html.aimsell .as-btn-sm { height: 30px; padding: 0 12px; font-size: 12px; }
html.aimsell .as-btn-2:disabled { opacity: .55; cursor: default; }
/* 확인 창(dialog.js confirmDialog): 켜짐은 AimSell 톤(흰 바탕·검정 주 버튼, 위험은 빨강). 마크업·동작은 그대로 */
html.aimsell .bai-dialog { border-radius: var(--as-radius); border: 1px solid var(--as-line); box-shadow: 0 12px 32px rgba(0, 0, 0, .14); }
html.aimsell .bai-dialog-title { padding: 22px 24px 0; font-size: 17px; color: var(--as-ink); letter-spacing: -0.02em; }
html.aimsell .bai-dialog-msg { padding: 10px 24px 20px; color: var(--as-ink-2); }
html.aimsell .bai-dialog-foot { padding: 0 24px 20px; background: #ffffff; border-top: 0; }
html.aimsell .bai-dialog-foot .btn { height: 36px; padding: 0 16px; border: 0; border-radius: var(--as-radius-btn); font-size: 13px; font-weight: 700; box-shadow: none; transform: none; }
html.aimsell .bai-dialog-foot .bai-dialog-cancel { background: var(--as-btn-2); color: var(--as-ink); }
html.aimsell .bai-dialog-foot .bai-dialog-cancel:hover:not(:disabled) { background: #dde2e6; color: var(--as-ink); }
html.aimsell .bai-dialog-foot .bai-dialog-ok { background: var(--as-btn); color: #ffffff; }
html.aimsell .bai-dialog-foot .bai-dialog-ok:hover:not(:disabled) { background: #000000; color: #ffffff; }
html.aimsell .bai-dialog-foot .bai-dialog-ok.is-danger, html.aimsell .bai-dialog-foot .bai-dialog-ok.is-danger:hover:not(:disabled) { background: var(--as-danger); color: #ffffff; }
html.aimsell .as-count { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
html.aimsell .as-count .as-label { margin: 0 8px 0 0; }
html.aimsell .as-count-opt { height: 34px; min-width: 70px; border: 1px solid #dcdee1; border-radius: 6px; background: #ffffff; font-size: 13px; color: var(--as-ink-2); cursor: pointer; }
html.aimsell .as-count-opt.active { border-color: var(--as-accent); background: var(--as-accent-tint); color: var(--as-ink); font-weight: 700; }
html.aimsell .as-grow { flex: 1; min-height: 24px; }
html.aimsell .as-btn-wide { width: 100%; height: 48px; font-size: 15px; margin-top: 8px; }
html.aimsell .as-btn:disabled { background: #b9bbbe; cursor: default; }
html.aimsell .as-dropzone-note { border: 1px dashed #c9cbce; border-radius: 6px; padding: 14px; font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-error { color: var(--as-danger); font-size: 13px; margin: 10px 0 0; }
html.aimsell .as-recent-list { display: flex; flex-direction: column; }
/* 고객사 서칭 "시그널 발견 고객사"(ref 07 아래, 034): 홈 Weekly 블록과 같은 데이터, 표 */
html.aimsell .as-sigco[hidden] { display: none; }
html.aimsell .as-table-wrap { overflow-x: auto; }
html.aimsell .as-sigco-sig { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--as-ink); }
html.aimsell .as-sigco-sig svg { color: var(--as-accent-icon); flex-shrink: 0; }
html.aimsell .as-sigco-act { text-align: right; white-space: nowrap; }
html.aimsell .as-sigco-btn { height: 32px; padding: 0 12px; font-size: 13px; }
/* basic·무료 체험 미리보기(044 B): 회사·날짜·담당·단계는 흐리게, 시그널 이름은 그 사람의 시나리오에서 */
html.aimsell .as-badge-pro { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 4px; background: var(--as-ink); color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: .02em; }
html.aimsell .as-blur { filter: blur(4px); user-select: none; color: var(--as-ink-2); }
html.aimsell .as-sigco-ex { margin-left: 8px; }
html.aimsell .as-sigco-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 20px; border-top: 1px solid var(--as-line-soft); }
html.aimsell .as-sigco-foot .as-sub { margin: 0; }
html.aimsell .as-recent-row {
  display: grid; grid-template-columns: 120px 1fr 120px 80px 20px; align-items: center; gap: 12px;
  padding: 16px 20px; border: 0; border-bottom: 1px solid var(--as-line-soft); background: #ffffff; text-align: left; cursor: pointer; font: inherit;
}
html.aimsell .as-recent-row:last-child { border-bottom: 0; }
html.aimsell .as-recent-row:hover { background: #fafbfb; }
html.aimsell .as-recent-when { display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: var(--as-ink-2); }
html.aimsell .as-recent-when small { font-size: 12px; color: var(--as-mute); display: inline-flex; align-items: center; gap: 4px; }
html.aimsell .as-recent-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html.aimsell .as-recent-main b { font-size: 15px; color: var(--as-ink); }
html.aimsell .as-recent-main small { font-size: 12px; color: var(--as-mute); }
html.aimsell .as-recent-sig { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--as-ink); }
html.aimsell .as-recent-sig small { color: var(--as-mute); }
html.aimsell .as-recent-count { font-size: 13px; color: var(--as-ink); }
html.aimsell .as-recent-count b { font-size: 20px; font-weight: 600; margin-right: 2px; }
html.aimsell .as-recent-state { font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-recent-chev { color: var(--as-mute); font-size: 18px; }
html.aimsell .as-link.as-recent-more { display: block; margin: 10px auto 0; font-size: 13px; } /* 내 탐색 기록 8개씩 더 보기(240-claude 2) */

/* ---------- P3 탐색 결과 카드 단계·담당 (ref 09) ---------- */
html.aimsell .as-po { display: flex; align-items: center; gap: 6px; margin: 6px 0 2px; font-size: 12px; color: var(--as-ink-2); flex-wrap: wrap; }
html.aimsell .as-po-lbl { color: var(--as-mute); }
html.aimsell .as-po-lbl + .as-stage, html.aimsell .as-po .as-stage { margin-right: 10px; font-size: 12px; }
html.aimsell .as-po-claim {
  height: 24px; padding: 0 10px; border: 1px dashed #b8babd; border-radius: 6px; background: #ffffff; font-size: 12px; color: var(--as-ink-2); cursor: pointer;
}
html.aimsell .as-po-claim:hover { border-color: var(--as-accent); color: var(--as-accent); }
html.aimsell .as-po-change { height: 24px; padding: 0 8px; border: 1px solid var(--as-line); border-radius: 6px; background: #ffffff; font-size: 12px; color: var(--as-ink); cursor: pointer; }
html.aimsell .as-po-name { color: var(--as-ink); font-weight: 600; }
html.aimsell .as-po-select { height: 26px; font-size: 12px; border: 1px solid var(--as-accent); border-radius: 6px; }
html.aimsell .as-po-apply { height: 26px; margin-left: 4px; padding: 0 10px; border: 0; border-radius: 6px; background: var(--as-accent); color: #ffffff; font-size: 12px; font-weight: 600; cursor: pointer; }

/* ---------- P4 공용·타겟 맞춤 제안·기업 대시보드 (ref 11) ---------- */
html.aimsell .as-card-body { padding: 16px 20px; }
html.aimsell .as-sub { font-size: 12px; color: var(--as-mute); margin-top: 2px; }
html.aimsell .as-mini-label { font-size: 12px; color: var(--as-mute); margin-bottom: 6px; }
html.aimsell .as-row-link { cursor: pointer; }
html.aimsell .as-row-link:hover td { background: #fafbfb; }
html.aimsell .as-targets-table td b { font-size: 14px; color: var(--as-ink); }
/* 타겟 맞춤 제안 기업명 검색(066-claude): 카드 머리 오른쪽, 돋보기 + 입력칸 */
html.aimsell .as-more-row { display: flex; justify-content: center; padding: 14px 0 6px; } /* 목록 [더 보기](105-claude: 타겟 맞춤 제안·팀 고객사별 보기) */
html.aimsell .as-tg-search { position: relative; display: inline-flex; align-items: center; }
html.aimsell .as-tg-search svg { position: absolute; left: 11px; color: var(--as-mute); pointer-events: none; }
html.aimsell .as-tg-search .as-input { width: 240px; height: 34px; padding-left: 34px; font-size: 13px; }
html.aimsell .as-accent-title { color: var(--as-accent); }
html.aimsell .as-acc-head {
  display: grid; grid-template-columns: 160px 220px 1fr; gap: 24px; align-items: start;
  background: #ffffff; padding: 14px var(--as-pad-x) 16px; border-bottom: 1px solid #eceef0;
}
html.aimsell .as-stage-lg { font-size: 15px; }
/* 대시보드 머리의 담당 칸: 카드용 줄(단계·담당)에서 담당만(단계는 옆 칸이 따로 보인다) */
html.aimsell .as-po-host .as-po { margin: 0; }
html.aimsell .as-po-host .as-po > .as-po-lbl, html.aimsell .as-po-host .as-po > .as-stage { display: none; }
html.aimsell .as-acc-contact { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; font-size: 13px; color: var(--as-ink); }
html.aimsell .as-acc-contact .as-mini-label, html.aimsell .as-acc-contact .as-sub { flex-basis: 100%; }
html.aimsell .as-tabs { display: flex; gap: 4px; background: #ffffff; padding: 0 var(--as-pad-x); border-bottom: 1px solid #eceef0; }
html.aimsell .as-tab { height: 44px; padding: 0 14px; border: 0; background: transparent; font-size: 14px; color: var(--as-ink-2); cursor: pointer; border-bottom: 2px solid transparent; }
html.aimsell .as-tab.active { color: var(--as-ink); font-weight: 700; border-bottom-color: var(--as-ink); }
html.aimsell .as-acc-body { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; align-items: start; }
html.aimsell .as-acc-main, html.aimsell .as-acc-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
html.aimsell .as-tab-pane { display: flex; flex-direction: column; gap: 16px; }
html.aimsell .as-tab-pane[hidden] { display: none; }
html.aimsell .as-lead { font-size: 15px; font-weight: 600; line-height: 1.65; color: var(--as-ink); margin: 0 0 12px; }
html.aimsell .as-account .as-page-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 960px; }
html.aimsell .as-quote { display: flex; gap: 8px; background: var(--as-accent-tint); border-radius: 8px; padding: 12px 14px; margin-top: 8px; font-size: 13px; }
html.aimsell .as-quote p { margin: 4px 0 0; color: var(--as-ink-2); }
html.aimsell .as-cols-3 { display: grid; grid-template-columns: repeat(3, 1fr); }
html.aimsell .as-cols-3 > div { padding: 16px 20px; font-size: 13px; line-height: 1.6; }
html.aimsell .as-cols-3 > div + div { border-left: 1px solid var(--as-line-soft); }
html.aimsell .as-cols-3 p { margin: 0; font-weight: 600; color: var(--as-ink); }
html.aimsell .as-cols-3 ul { margin: 0; padding-left: 16px; }
html.aimsell .as-report { max-height: none; }
html.aimsell .as-mat { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--as-line-soft); font-size: 13px; }
html.aimsell .as-mat > div { flex: 1; min-width: 0; }
html.aimsell .as-mat b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.aimsell .as-mat-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
/* 134-claude 4: 영업 자료 줄을 누르면 그 탭. 올리면 옅은 바탕·손가락·오른쪽 끝 CHEV(평소 숨김) */
html.aimsell .as-mat[data-tab] { margin: 0 -8px; padding: 8px; border-radius: 6px; cursor: pointer; transition: background-color .15s; }
html.aimsell .as-mat[data-tab]:hover, html.aimsell .as-mat[data-tab]:focus-visible { background: #F4F5F7; }
html.aimsell .as-mat-chev { flex: none; color: #868B92; opacity: 0; transition: opacity .15s; }
html.aimsell .as-mat[data-tab]:hover .as-mat-chev, html.aimsell .as-mat[data-tab]:focus-visible .as-mat-chev { opacity: 1; }
html.aimsell .as-rec-btns { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
html.aimsell .as-rec { height: 30px; padding: 0 12px; font-size: 12px; }
html.aimsell .as-rec.is-on { background: var(--as-accent-tint); border-color: var(--as-accent); color: var(--as-accent); }
html.aimsell .as-rec-memo { display: flex; gap: 6px; margin-bottom: 8px; }
html.aimsell .as-rec-memo[hidden] { display: none; }
html.aimsell .as-rec-memo .as-input { height: 34px; font-size: 13px; }
html.aimsell .as-timeline { list-style: none; margin: 8px 0 0; padding: 0; }
html.aimsell .as-timeline li { display: flex; gap: 10px; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--as-line-soft); font-size: 13px; }
html.aimsell .as-timeline li:last-child { border-bottom: 0; }
html.aimsell .as-timeline li b { font-weight: 600; color: var(--as-ink); }
html.aimsell .as-timeline li p { margin: 2px 0 0; color: var(--as-mute); font-size: 12px; }
html.aimsell .as-tl-date { white-space: nowrap; font-size: 12px; color: var(--as-mute); }
html.aimsell .as-tl-del { border: 0; background: none; color: var(--as-mute); font-size: 11px; cursor: pointer; text-decoration: underline; }
html.aimsell .as-sig-list { list-style: none; margin: 0; padding: 0; }
html.aimsell .as-sig-list li { display: flex; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--as-line-soft); font-size: 13px; }
html.aimsell .as-sig-list p { margin: 2px 0; color: var(--as-ink-2); }
html.aimsell .as-link { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; }
html.aimsell .as-badge-gray { font-size: 11px; padding: 2px 6px; border-radius: 4px; background: var(--as-chip); color: var(--as-ink-2); }

/* 제안 화면 발송 기록·DM (ref 12·13) */
html.aimsell .as-send { margin: 16px 0; }
html.aimsell .as-send-btns { display: flex; gap: 8px; flex-wrap: wrap; }
html.aimsell .as-send-memo { display: flex; gap: 6px; margin-top: 10px; }
html.aimsell .as-send-memo[hidden] { display: none; }
html.aimsell .as-send-memo .as-input { height: 34px; font-size: 13px; }
html.aimsell .as-send-line { font-size: 13px; color: var(--as-accent); margin-top: 8px; }
html.aimsell .as-send-line span { color: var(--as-mute); margin-right: 6px; }
/* 134-claude 5: 발송 기록 줄 [지우기](내가 방금 남긴 것), 전화 스크립트 탭도 같은 줄 */
html.aimsell .as-send-line .as-send-del { margin-left: 6px; padding: 0; border: 0; background: none; font: inherit; font-size: 12px; color: var(--as-mute); text-decoration: underline; cursor: pointer; }
html.aimsell .as-send-line .as-send-del:hover:not(:disabled) { color: var(--as-danger); }
html.aimsell .as-call-log { flex-basis: 100%; }
html.aimsell .as-call-log:empty { display: none; }
html.aimsell .as-dm-head { border-top: 1px solid var(--as-line-soft); }
html.aimsell .as-dm-text { width: 100%; min-height: 150px; box-sizing: border-box; border: 1px solid #dcdee1; border-radius: 6px; padding: 10px 12px; font: inherit; font-size: 13px; line-height: 1.6; resize: vertical; }
html.aimsell .as-dm-foot { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
html.aimsell .as-dm-note { font-size: 12px; color: var(--as-mute); margin: 0 0 8px; }
html.aimsell .as-dm-foot .as-dm-note { margin: 0; }
html.aimsell .as-dm-count { margin-left: auto; font-size: 12px; color: var(--as-mute); }
html.aimsell .as-dm-count.is-over { color: var(--as-danger); font-weight: 700; }
/* 113-claude: 언어를 바꿔 메일을 새로 만드는 동안 앞 언어 DM 은 흐리게(새 초안이 오면 다시 그린다), 앞서 줄인 DM 안내는 아래 줄 */
html.aimsell .as-send.is-wait .as-dm-body { opacity: .35; pointer-events: none; }
html.aimsell .as-dm-prev { display: block; margin-top: 4px; }

/* ---------- P5 영업 현황 Weekly 블록·상황 파악 (ref 01) ---------- */
html.aimsell .as-badge-signal svg { color: var(--as-accent-icon); }
html.aimsell .as-ws-rows { display: flex; flex-direction: column; }
html.aimsell .as-ws-row { display: grid; grid-template-columns: 34px 260px minmax(0, 1fr) 190px; gap: 16px; align-items: start; padding: 20px; border-bottom: 1px solid var(--as-line-soft); }
html.aimsell .as-ws-no { font-size: 22px; font-weight: 600; color: var(--as-ink); line-height: 1.2; }
html.aimsell .as-ws-co b { font-size: 15px; }
html.aimsell .as-ws-co p { margin: 8px 0 0; font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-ws-co .as-sub b { font-size: 12px; }
html.aimsell .as-ws-sig-line { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--as-ink); }
html.aimsell .as-ws-sig-line .as-bolt { margin-top: 3px; }
html.aimsell .as-ws-sig .as-sub { margin: 4px 0 0 22px; }
html.aimsell .as-ws-act { text-align: right; }
html.aimsell .as-ws-act .as-btn { min-width: 170px; height: 36px; }
html.aimsell .as-ws-foot { display: flex; align-items: center; justify-content: space-between; }
/* 077 1번: Weekly 탭에만 있던 메일 받기 스위치·상태·추천 기준(home.js) */
html.aimsell .as-ws-switch { gap: 8px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 600; }
html.aimsell .as-ws-knob { position: relative; display: inline-block; flex: none; width: 26px; height: 15px; border-radius: 8px; background: #c9ced3; transition: background .15s; }
html.aimsell .as-ws-knob::after { content: ""; position: absolute; top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: #ffffff; transition: transform .15s; }
html.aimsell .as-ws-switch[aria-checked="true"] .as-ws-knob { background: var(--as-accent); }
html.aimsell .as-ws-switch[aria-checked="true"] .as-ws-knob::after { transform: translateX(11px); }
html.aimsell .as-ws-off, html.aimsell .as-ws-state, html.aimsell .as-ws-basis { margin: 0; padding: 8px 20px 0; font-size: 12px; color: var(--as-ink-2); }
html.aimsell .as-ws-off[hidden] { display: none; }
html.aimsell .as-ws-off { color: var(--as-ink-2); }
html.aimsell .as-ws-basis { color: var(--as-mute); padding-bottom: 4px; }
html.aimsell .as-ws-empty { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
html.aimsell .as-ws-empty p { margin: 0; font-size: 14px; color: var(--as-ink); }
html.aimsell .as-chip svg { width: 13px; height: 13px; }
html.aimsell .as-flush { padding: 0; }
html.aimsell .as-right, html.aimsell .as-table .as-right { text-align: right; }
html.aimsell .as-home-table td b { font-size: 14px; color: var(--as-ink); }
html.aimsell .as-sit-line { display: flex; gap: 6px; align-items: center; }
html.aimsell .as-sit-line svg { flex: 0 0 auto; color: var(--as-ink-2); }
html.aimsell .as-sit-line .as-bolt { color: var(--as-accent-icon); }
html.aimsell .as-sit-sub { margin-left: 20px; }
html.aimsell .as-sit-btn { min-width: 170px; height: 34px; }
/* Weekly Signal 사이드바 버튼은 숨긴다(020, 레퍼런스에 없음). 버튼은 남긴다: #weekly 주소·메일 링크·홈 [메일판 보기]가 그대로 들어간다(app.js 가 #nav-weekly 로 판단) */
html.aimsell #nav-weekly { display: none !important; }
html.aimsell .as-sit-btns { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
html.aimsell .as-sit-btns .as-sit-btn:not(:only-child) { min-width: 0; }

/* ---------- 팀 영업 현황 → 팀원 자료 읽기 전용 (242-claude, G-94, components/aimsell-teamview.js) ---------- */
html.aimsell .as-tv-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; margin-bottom: 16px; border-radius: 10px; background: var(--as-accent-tint); }
html.aimsell .as-tv-head b { display: block; font-size: 15px; color: var(--as-ink); }
html.aimsell .as-tv-sec { margin-bottom: 16px; }
html.aimsell .as-tv-in { padding: 4px 20px 12px; }
@media (max-width: 760px) { html.aimsell .as-tv-in { padding: 4px 16px 12px; } html.aimsell .as-tv-head { flex-wrap: wrap; } }
html.aimsell .as-tv-cards { display: flex; flex-direction: column; gap: 12px; }
html.aimsell .as-tv-mail { padding: 12px 0; border-top: 1px solid var(--as-line); }
html.aimsell .as-tv-mail:first-of-type { border-top: 0; }
html.aimsell .as-tv-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
html.aimsell .as-tv-text { white-space: pre-wrap; font-size: 14px; line-height: 1.6; color: var(--as-ink-2); }
html.aimsell .as-tv-call { margin-top: 12px; }
html.aimsell .as-tv-call h4 { font-size: 13px; margin: 0 0 6px; color: var(--as-ink); }
html.aimsell .as-tv-list { list-style: none; margin: 0; padding: 0; }
html.aimsell .as-tv-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--as-line); }
html.aimsell .as-tv-list li:first-child { border-top: 0; }
html.aimsell .as-tv-list li p { margin: 4px 0 0; font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-tv-list .as-sub { display: block; }

/* ---------- P6 팀 기록·학습 (ref 18·19) ---------- */
html.aimsell .as-team-total-body { display: grid; grid-template-columns: 3fr 2fr; }
html.aimsell .as-team-total-body > div + div { border-left: 1px solid var(--as-line-soft); }
html.aimsell .as-pad { padding: 14px 20px 0; }
html.aimsell .as-mini-label span { color: var(--as-mute); margin-left: 6px; }
html.aimsell .as-tabs-inline { background: transparent; padding: 0; border-bottom: 1px solid var(--as-line); }
html.aimsell .as-filter-chip { height: 28px; padding: 0 10px; border: 1px solid var(--as-line); border-radius: 14px; background: #ffffff; font-size: 12px; color: var(--as-ink-2); cursor: pointer; }
html.aimsell .as-filter-chip b { margin-left: 3px; color: var(--as-ink); }
html.aimsell .as-filter-chip.active { border-color: var(--as-accent); background: var(--as-accent-tint); color: var(--as-accent); font-weight: 700; }
html.aimsell .as-member-head td { background: #f3f6f6; padding: 10px 20px; }
html.aimsell .as-member-head td > div { display: inline-flex; gap: 8px; align-items: baseline; }
html.aimsell .as-member-stats { float: right; font-size: 12px; color: var(--as-ink-2); }
html.aimsell .as-member-stats i { font-style: normal; color: var(--as-line); margin: 0 4px; }
html.aimsell .as-dash { color: #c3c5c8; }
html.aimsell .as-pad-cell { padding: 14px 20px; }
html.aimsell .as-warn { display: flex; gap: 5px; align-items: center; margin-top: 4px; font-size: 12px; color: var(--as-warn); font-weight: 600; }
html.aimsell .as-act-line { font-size: 13px; }
html.aimsell .as-owner-cell { min-width: 150px; }
html.aimsell .as-run { border-bottom: 1px solid var(--as-line-soft); }
html.aimsell .as-run > summary { list-style: none; }
html.aimsell .as-run > summary::-webkit-details-marker { display: none; }
html.aimsell .as-run[open] > summary .as-recent-chev { transform: rotate(90deg); }
html.aimsell .as-fit { color: var(--as-accent); font-size: 15px; }

/* ---------- P3 리서치 핵심 지표 (ref 10) ---------- */
html.aimsell .as-kpi { margin: 0 0 16px; }
html.aimsell .as-kpi .as-stat-num b { font-size: 26px; }
html.aimsell .as-kpi-change { margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--as-accent); }
html.aimsell .as-kpi-change[data-kind="down"] { color: var(--as-danger); }

/* ---------- P3b 탐색 결과: 표 + 오른쪽 상세 (ref 09) ---------- */
html.aimsell .as-cond { display: grid; gap: 6px; margin-top: 14px; }
html.aimsell .as-cond-row { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; min-height: 26px; }
html.aimsell .as-cond-k { font-size: 12px; color: var(--as-mute); }
html.aimsell .as-cond-v { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--as-ink); }
html.aimsell .as-cond-asset { color: var(--as-accent); }
html.aimsell .as-rs-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
html.aimsell .as-rs-list { overflow: hidden; }
html.aimsell .as-rs-list .as-card-head { gap: 8px; }
/* 077 1번: 제안 화면은 엔진, 리서치 진행·오류는 새 머리 + 진행 카드 모양(components/aimsell-propose.js). 영업 자료 탭(.as-mat-head)은 따로 */
html.aimsell .as-rp-head { margin: -40px -48px 24px; }
html.aimsell .as-rp-head .as-page-head { padding-left: 48px; padding-right: 48px; }
html.aimsell .main-content.as-rp-hold > :not(.as-rp-state) { display: none; }
html.aimsell .as-rp-state { margin-bottom: 16px; }
html.aimsell .main-content.as-rp > .section > .section-title { display: none; }
html.aimsell .main-content.as-rp #lx-research { display: block; }
html.aimsell .main-content.as-rp #lx-research .rs-toc, html.aimsell .main-content.as-rp #lx-research #rv-host, html.aimsell .main-content.as-rp #lx-research .research-target-confirm { display: none; }
html.aimsell .main-content.as-rp #lx-research .rs-content > .section > .section-title, html.aimsell .main-content.as-rp #rs-genbar.lx-live-genbar { display: none; }
html.aimsell .main-content.as-rp #lx-research .card, html.aimsell .main-content.as-rp #research-progress-card, html.aimsell .main-content.as-rp > .section > .card { padding: 20px 24px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #ffffff; box-shadow: none; }
html.aimsell .main-content.as-rp .lx-status { margin: 0; padding: 0; border: 0; background: transparent; }
html.aimsell .main-content.as-rp .lx-status-head { font-size: 14px; color: var(--as-ink); }
html.aimsell .main-content.as-rp .lx-status-head .lx-rel { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--as-ink); }
html.aimsell .main-content.as-rp .lx-cancel { height: 32px; padding: 0 14px; border: 0; border-radius: var(--as-radius-btn); background: var(--as-btn-2); color: var(--as-ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
html.aimsell .main-content.as-rp .error-box { padding: 22px 24px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #ffffff; text-align: left; }
html.aimsell .main-content.as-rp .error-box p { color: var(--as-ink-2); font-weight: 400; font-size: 13px; }
html.aimsell .main-content.as-rp .error-box p strong { color: var(--as-danger); }
html.aimsell .main-content.as-rp .error-box .as-btn-2 { margin: 8px 8px 0 0; height: 36px; }

/* 072-claude D4: 제안 화면 단계 표시(1 소개서 선택 · 2 리서치 · 3 완료)는 시작하기와 같은 stepMark(components/aimsell-steps.js) */
html.aimsell .step-indicator[data-as-mark] { gap: 0; margin-bottom: 20px; }
html.aimsell .step-indicator[data-as-mark] .step { gap: 8px; }
html.aimsell .step-indicator[data-as-mark] .step-num, html.aimsell .step-indicator[data-as-mark] .step.active .step-num, html.aimsell .step-indicator[data-as-mark] .step.completed .step-num { width: 18px; height: 18px; min-width: 18px; min-height: 18px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
html.aimsell .step-indicator[data-as-mark] .step-label { font-size: 13px; font-weight: 500; color: var(--as-mute); }
html.aimsell .step-indicator[data-as-mark] .step.active .step-label { font-weight: 700; color: var(--as-ink); }
html.aimsell .step-indicator[data-as-mark] .step.completed .step-label { color: var(--as-ink-2); }
html.aimsell .step-indicator[data-as-mark] .step-line { width: 32px; height: 1px; margin: 0 12px; background: #dcdee1; }

/* 072-claude D1·D2: 탐색 진행 화면(예전 탐색 화면을 엔진으로, 입력 양식·머리·이력은 보이지 않음, components/aimsell-discover.js) */
html.aimsell .discover-page.as-run > .page-title, html.aimsell .discover-page.as-run > .page-desc, html.aimsell .discover-page.as-run > .trial-usage-banner { display: none; }
html.aimsell .discover-page.as-run #discover-setup, html.aimsell .discover-page.as-run #discover-history { display: none; }
html.aimsell .as-dr-body { gap: 16px; }
html.aimsell .as-dr-state[hidden] { display: none; }
html.aimsell .as-dr-state-in { display: flex; align-items: center; gap: 14px; padding: 22px 24px; }
html.aimsell .as-dr-state-in > div { flex: 1; min-width: 0; }
html.aimsell .as-dr-state-in b { font-size: 15px; color: var(--as-ink); }
html.aimsell .as-dr-state-in p { margin: 4px 0 0; font-size: 13px; color: var(--as-ink-2); }
/* 117-claude 5: 시그널 준비 중 흐르는 막대(키프레임은 style.css sk-pulse) */
html.aimsell .as-dr-flow { height: 3px; margin: 0 24px 20px; border-radius: 2px; overflow: hidden; background: #E6E8EB; }
html.aimsell .as-dr-flow i { display: block; height: 100%; background: linear-gradient(90deg, #CDEBEB 0%, #009A9A 50%, #CDEBEB 100%); background-size: 200% 100%; animation: sk-pulse 1.4s linear infinite; }
html.aimsell .as-dr-ico { display: inline-flex; flex: none; color: var(--as-ink-2); }
html.aimsell .as-dr-spin { flex: none; width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--as-accent-tint); border-top-color: var(--as-accent); animation: spin .8s linear infinite; } /* spin 은 style.css 의 것 */
html.aimsell .discover-page.as-run #lx-discover > .discover-cond, html.aimsell .discover-page.as-run .discover-loading .dl-cond { display: none; }
html.aimsell .discover-page.as-run #lx-discover > .section, html.aimsell .discover-page.as-run .dl-skeleton { display: none; }
html.aimsell .discover-page.as-run #lx-discover { display: flex; flex-direction: column; gap: 16px; margin-top: 0; }
html.aimsell .discover-page.as-run .discover-loading.dl-v2 { margin-top: 0; }
html.aimsell .discover-page.as-run .dl-v2 .dl-box { padding: 0; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #ffffff; overflow: hidden; }
html.aimsell .as-dr-head { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 14px 20px; border-bottom: 1px solid var(--as-line-soft); box-sizing: border-box; }
html.aimsell .as-dr-title { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html.aimsell .discover-page.as-run .dl-v2 .dl-head { gap: 12px; padding: 14px 20px 0; }
html.aimsell .discover-page.as-run .dl-v2 .dl-head .loading-spinner { display: none; }
html.aimsell .discover-page.as-run .dl-v2 .dl-head .loading-text { font-size: 13px; font-weight: 600; color: var(--as-ink); }
html.aimsell .discover-page.as-run .dl-v2 .dl-elapsed { font-size: 13px; font-weight: 600; color: var(--as-ink); }
html.aimsell .discover-page.as-run .dl-v2 .dl-cancel { height: 32px; padding: 0 14px; border: 0; border-radius: var(--as-radius-btn); background: var(--as-btn-2); color: var(--as-ink); font-size: 13px; font-weight: 700; box-shadow: none; }
html.aimsell .discover-page.as-run .dl-v2 .dl-cancel:hover:not(:disabled) { background: #dde2e6; color: var(--as-ink); }
html.aimsell .discover-page.as-run .dl-v2 .loading-steps { gap: 16px; margin: 0; padding: 16px 20px 18px; }
html.aimsell .discover-page.as-run .dl-v2 .loading-step { font-size: 13px; color: var(--as-mute); }
html.aimsell .discover-page.as-run .dl-v2 .loading-step.active { color: var(--as-ink); }
html.aimsell .discover-page.as-run .dl-v2 .loading-step.done { color: var(--as-ink-2); }
html.aimsell .discover-page.as-run .dl-step-label { white-space: normal; }
html.aimsell .discover-page.as-run .dl-step-label::before { content: "대기"; display: block; font-size: 11px; font-weight: 600; color: var(--as-mute); margin-bottom: 2px; }
html.aimsell .discover-page.as-run .loading-step.active .dl-step-label::before { content: "진행 중"; color: var(--as-accent); }
html.aimsell .discover-page.as-run .loading-step.done .dl-step-label::before { content: "완료"; color: var(--as-accent); }
html.aimsell .discover-page.as-run .dl-v2 .loading-step.done .dl-step-bar, html.aimsell .discover-page.as-run .dl-v2 .loading-step.active .dl-step-bar::after { background: var(--as-accent); }
html.aimsell .discover-page.as-run .dl-v2 .dl-step-bar { background: #e6e8eb; }
html.aimsell .discover-page.as-run .dl-v2 .loading-sub { margin: 0; padding: 0 20px 16px; font-size: 12px; color: var(--as-mute); }
html.aimsell .discover-page.as-run .lx-feed { margin: 0; padding: 12px 20px 14px; border-top: 1px solid var(--as-line-soft); background: var(--as-foot); font-size: 12px; color: var(--as-ink-2); }
html.aimsell .as-dr-cands[hidden] { display: none; }
html.aimsell .as-dr-cand-list { display: flex; flex-direction: column; }
html.aimsell .as-dr-cand { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 20px; border-top: 1px solid var(--as-line-soft); }
html.aimsell .as-dr-cand.is-dim { opacity: .55; }
html.aimsell .as-dr-cand-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html.aimsell .as-dr-cand-main b { font-size: 14px; color: var(--as-ink); }
html.aimsell .as-dr-cand-main .as-sub { margin: 0; }
html.aimsell .as-dr-cand-state { flex: none; padding: 2px 8px; border-radius: 4px; background: var(--as-chip); font-size: 12px; font-weight: 600; color: var(--as-ink-2); }
html.aimsell .as-dr-cand-state[data-state="확정"] { background: var(--as-accent-tint); color: var(--as-accent); }
html.aimsell .as-dr-rs { flex: none; }
/* 130-claude: 탐색 진행 '찾을 영역'(2단계, 3단계부터 한 줄로 접힘)·후보 줄 시그널·추천 이유, 새 줄 등장은 아주 약하게 한 번 */
html.aimsell .as-dr-areas[hidden] { display: none; }
html.aimsell .as-dr-areas.is-folded .as-dr-area-list { display: none; }
html.aimsell .as-dr-areas.is-folded > .as-card-head { border-bottom: 0; }
html.aimsell .as-dr-area-list { display: flex; flex-direction: column; }
html.aimsell .as-dr-area { display: flex; flex-direction: column; gap: 4px; padding: 12px 20px; border-top: 1px solid var(--as-line-soft); }
html.aimsell .as-dr-area:first-child { border-top: 0; }
html.aimsell .as-dr-area-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html.aimsell .as-dr-area-head b { font-size: 14px; color: var(--as-ink); }
html.aimsell .as-dr-area .as-sub { margin: 0; font-size: 12px; }
html.aimsell .as-dr-area-desc { margin: 0; font-size: 13px; line-height: 1.6; color: var(--as-ink-2); }
html.aimsell .as-dr-pot { flex: none; padding: 2px 8px; border-radius: 4px; background: var(--as-chip); font-size: 11px; font-weight: 700; color: var(--as-ink-2); }
html.aimsell .as-dr-pot[data-pot="high"] { background: var(--as-accent-tint); color: var(--as-accent); }
html.aimsell .as-dr-pot[data-pot="low"] { color: var(--as-mute); }
html.aimsell .as-dr-cand { align-items: flex-start; padding: 12px 20px; }
html.aimsell .as-dr-cand > .as-dr-cand-state, html.aimsell .as-dr-cand > .as-dr-rs { margin-top: 1px; }
html.aimsell .as-dr-cand-sig { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: var(--as-accent); }
html.aimsell .as-dr-cand-sig svg { flex: none; }
html.aimsell .as-dr-cand-why { font-size: 12px; line-height: 1.6; color: var(--as-ink-2); }
/* 등장: 켜짐 CSS 에 전역 @keyframes 를 두지 않으므로 transition 으로(새 줄은 as-in 으로 그렸다가 두 프레임 뒤 뗀다, aimsell-discover.js paintRows) */
html.aimsell .as-dr-area, html.aimsell .as-dr-cand { transition: opacity .2s ease-out, transform .2s ease-out; }
html.aimsell .as-dr-area.as-in, html.aimsell .as-dr-cand.as-in { opacity: 0; transform: translateY(4px); }
@media (prefers-reduced-motion: reduce) {
  html.aimsell .as-dr-area, html.aimsell .as-dr-cand { transition: none; }
}
html.aimsell .discover-page.as-run .error-box { padding: 22px 24px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #ffffff; text-align: left; }
html.aimsell .discover-page.as-run .error-box p { color: var(--as-ink-2); font-weight: 400; font-size: 13px; }
html.aimsell .discover-page.as-run .error-box p strong { color: var(--as-danger); font-size: 15px; }
html.aimsell .discover-page.as-run .error-box .as-btn, html.aimsell .discover-page.as-run .error-box .as-btn-2 { margin: 6px 8px 0 0; height: 36px; }

/* 072-claude C: 모자랄 때 안내·심층 탐색, 넓혀 찾은 묶음, 배지, [조건 수정] */
html.aimsell .as-rs-short { padding: 16px 20px; margin-bottom: 16px; }
html.aimsell .as-rs-short-line { margin: 0; font-size: 13px; line-height: 1.6; color: var(--as-ink); }
html.aimsell .as-rs-short-line + .as-rs-short-line { margin-top: 4px; }
html.aimsell .as-rs-deep { display: flex; align-items: center; gap: 16px; margin-top: 12px; padding: 12px 14px; border: 1px solid var(--as-line); border-radius: 8px; background: var(--as-foot); }
html.aimsell .as-rs-short-line + .as-rs-deep { margin-top: 12px; }
html.aimsell .as-rs-short > .as-rs-deep:first-child { margin-top: 0; }
html.aimsell .as-rs-deep-text { flex: 1; min-width: 0; }
html.aimsell .as-rs-deep-text b { font-size: 13px; color: var(--as-ink); }
html.aimsell .as-rs-deep-text p { margin: 3px 0 0; font-size: 12px; line-height: 1.55; color: var(--as-ink-2); }
html.aimsell .as-rs-deep-btn { flex: none; min-width: 120px; height: 36px; }
html.aimsell .as-rs-deep + .as-rs-deep { margin-top: 8px; }
html.aimsell .as-rs-widen-btns { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
html.aimsell .as-rs-widen-btns .as-btn-2 { height: 36px; }
html.aimsell .as-rs-deep-btn svg { flex: none; }
html.aimsell .as-rs-group[data-group="low"] td, html.aimsell .as-rs-group[data-group="wide"] td { background: #eef0f2; }
html.aimsell .as-rs-group[data-group="low"] .as-rs-group-btn, html.aimsell .as-rs-group[data-group="wide"] .as-rs-group-btn { color: var(--as-ink); }
html.aimsell .as-rs-group[data-group="low"] .as-rs-group-btn svg, html.aimsell .as-rs-group[data-group="wide"] .as-rs-group-btn svg { color: var(--as-ink-2); }
html.aimsell .as-rs-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
html.aimsell .as-rs-badge { display: inline-flex; align-items: center; gap: 3px; min-height: 20px; padding: 2px 6px; box-sizing: border-box; border-radius: 4px; background: var(--as-chip); font-size: 11px; line-height: 16px; font-weight: 600; color: var(--as-ink-2); }
html.aimsell .as-rs-badge svg { flex: none; }
html.aimsell .as-rs-badge-hire { background: var(--as-accent-tint); color: var(--as-accent); }
html.aimsell .as-rs-edit { flex: none; }
html.aimsell .as-rs-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; }
html.aimsell .as-rs-empty p { margin: 0; }
html.aimsell .as-rs-excel svg { flex: none; }
html.aimsell .as-rs-scroll { overflow-x: auto; }
html.aimsell .as-rs-table th { white-space: nowrap; padding: 12px 14px; background: var(--as-foot); }
html.aimsell .as-rs-table td { padding: 14px; vertical-align: top; }
html.aimsell .as-rs-table th:first-child, html.aimsell .as-rs-table td:first-child { padding-left: 20px; }
html.aimsell .as-rs-group td { padding: 0; background: var(--as-guide); border-bottom: 0; }
html.aimsell .as-rs-group-btn {
  display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 0 20px; border: 0; background: transparent;
  color: #ffffff; font: inherit; font-size: 13px; text-align: left; cursor: pointer;
}
html.aimsell .as-rs-group-btn b { font-size: 14px; }
html.aimsell .as-rs-group-btn svg { flex: none; color: #ffffff; }
html.aimsell .as-rs-group-btn .as-rs-n { font-weight: 600; opacity: .85; }
html.aimsell .as-rs-group-btn .as-rs-gdesc { margin-left: 14px; opacity: .85; }
html.aimsell .as-rs-group-btn[aria-expanded="false"] .as-rs-chev { transform: rotate(-90deg); }
html.aimsell .as-rs-row { cursor: pointer; }
html.aimsell .as-rs-row[hidden] { display: none; }
html.aimsell .as-rs-row:hover td { background: #f7f9f9; }
html.aimsell .as-rs-row.selected td { background: var(--as-accent-tint); }
html.aimsell .as-rs-row:focus-visible { outline: 2px solid var(--as-accent); outline-offset: -2px; }
html.aimsell .as-rs-name { font-size: 14px; }
html.aimsell .as-rs-row td:first-child { min-width: 130px; max-width: 170px; }
html.aimsell .as-rs-sig { display: flex; align-items: center; gap: 5px; font-size: 13px; }
html.aimsell .as-rs-sig .as-bolt { color: var(--as-accent-icon); flex: none; }
html.aimsell .as-rs-sig .as-sub { margin: 0 0 0 2px; }
html.aimsell .as-rs-quote {
  margin-top: 4px; font-size: 13px; line-height: 20px; color: var(--as-ink-2);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html.aimsell .as-rs-date { white-space: nowrap; font-size: 13px; }
html.aimsell .as-rs-date .as-sub { display: inline; margin: 0 0 0 3px; }
html.aimsell .as-rs-fit { white-space: nowrap; }
html.aimsell .as-rs-stage { white-space: nowrap; font-size: 13px; }
html.aimsell .as-rs-note { padding: 12px 20px; border-top: 1px solid var(--as-line-soft); background: var(--as-foot); font-size: 12px; color: var(--as-mute); }
html.aimsell .as-rs-panel { position: sticky; top: 16px; border-radius: var(--as-radius); overflow: hidden; background: #e9ebee; }
html.aimsell .as-rs-ph { padding: 18px 20px 16px; background: var(--as-rail); color: #ffffff; }
html.aimsell .as-rs-ph-top { display: flex; justify-content: space-between; font-size: 12px; color: var(--as-rail-label); }
html.aimsell .as-rs-ph-main { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 6px; }
html.aimsell .as-rs-ph-name { font-size: 20px; line-height: 28px; }
html.aimsell .as-rs-ph-fit { font-size: 12px; color: var(--as-rail-label); white-space: nowrap; }
html.aimsell .as-rs-ph-fit b { font-size: 26px; color: #ffffff; margin-right: 2px; }
html.aimsell .as-rs-ph-sub { margin-top: 4px; font-size: 13px; color: var(--as-rail-text); }
html.aimsell .as-rs-ph-owner { display: flex; align-items: center; gap: 6px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--as-rail-line); font-size: 13px; color: var(--as-rail-text); }
html.aimsell .as-rs-pb { display: grid; gap: 10px; padding: 14px; }
html.aimsell .as-rs-events { display: grid; gap: 8px; }
html.aimsell .as-rs-event { padding: 14px 16px; border-radius: 8px; background: var(--as-accent-tint); }
html.aimsell .as-rs-event-name { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font-size: 13px; color: var(--as-accent); }
html.aimsell .as-rs-event p { margin: 6px 0 0; font-size: 14px; line-height: 22px; color: var(--as-ink); }
html.aimsell .as-rs-event-meta { margin-top: 6px; font-size: 12px; line-height: 18px; color: var(--as-mute); }
html.aimsell .as-rs-event-meta .as-link { font-size: 12px; text-decoration: underline; }
html.aimsell .as-rs-flag { margin-left: 4px; padding: 1px 6px; border-radius: 4px; background: #ffffff; font-size: 11px; color: var(--as-ink-2); }
html.aimsell .as-rs-box { padding: 14px 16px; border-radius: 8px; background: #ffffff; }
html.aimsell .as-rs-box-k { font-size: 12px; color: var(--as-mute); }
html.aimsell .as-rs-box p { margin: 6px 0 0; font-size: 14px; line-height: 22px; color: var(--as-ink); }
html.aimsell .as-rs-rank { margin-top: 4px; font-size: 15px; font-weight: 700; color: var(--as-ink); }
html.aimsell .as-rs-facts { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--as-line); display: grid; gap: 12px; }
html.aimsell .as-rs-box-k + .as-rs-facts, html.aimsell .as-rs-facts:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
html.aimsell .as-rs-facts > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; }
html.aimsell .as-rs-facts dt { font-size: 12px; color: var(--as-mute); padding-top: 1px; }
html.aimsell .as-rs-facts dd { margin: 0; font-size: 13px; color: var(--as-ink); overflow-wrap: anywhere; }
html.aimsell .as-rs-facts .as-link { font-size: 12px; text-decoration: underline; }
html.aimsell .as-rs-cv { font-weight: 700; }
html.aimsell .as-rs-research { width: 100%; height: 44px; margin-top: 4px; }

/* ---------- P7 소개서 관리·내 계정 (My 화면을 나눠 보인다, ref 03·20·21) ---------- */
html.aimsell .as-my [hidden] { display: none !important; }
html.aimsell .as-my .fade-in { animation: none; opacity: 1; transform: none; } /* 탭을 오가며 숨겼다 보이면 등장 효과가 다시 돌아 빈 화면처럼 보였다 */
html.aimsell .as-my-body > .section { margin: 0 !important; }
html.aimsell .as-my-body > .section > .card { margin-bottom: 0; }
html.aimsell .as-my-account .as-my-body > .section > .section-title { display: none; }
/* 126-claude: 메일 템플릿 카드 머리(제목 + 설명 한 줄), 목록 칸은 카드 안쪽 여백 그대로 */
html.aimsell .as-my-account #mail-template-card:has(> .as-mt-head) { padding: 0; }
html.aimsell .as-my-account #mail-template-card > .as-mt-head { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding: 12px 24px; }
html.aimsell .as-my-account #mail-template-card > .as-mt-head + #mail-template-list { padding: 24px; }
html.aimsell .as-my-tabs { margin-bottom: 4px; }
html.aimsell .as-plan-card { padding: 20px 24px; }
html.aimsell .as-plan-head { display: flex; align-items: baseline; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--as-line-soft); }
html.aimsell .as-plan-head b { font-size: 16px; color: var(--as-ink); }
html.aimsell .as-plan-head span { font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-plan-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--as-line-soft); font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-plan-row b { color: var(--as-ink); }
html.aimsell .as-plan-row b span { font-weight: 400; color: var(--as-mute); margin-left: 2px; }
html.aimsell .as-plan-foot { display: flex; justify-content: flex-end; padding-top: 14px; }
html.aimsell .as-plan-used { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--as-line-soft); font-size: 13px; color: var(--as-ink-2); }

/* 시작하기 띠(3묶음 10단계, G-81, ref 03·04·06). 전체 보기는 띠 안 아래 줄 */
html.aimsell .as-guide { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-height: 48px; padding: 8px var(--as-pad-x); background: var(--as-guide); color: #ffffff; font-size: 13px; }
html.aimsell .as-guide[hidden] { display: none; }
/* 띠는 본문 위 따로 한 줄(main-content 는 화면마다 비워지니 그 밖). 사이드바는 두 줄에 걸친다 */
html.aimsell .app-shell { grid-template-rows: auto minmax(0, 1fr); }
html.aimsell .app-shell > .bai-rail { grid-row: 1 / span 2; }
html.aimsell .app-shell > .as-guide { grid-column: 2; grid-row: 1; }
html.aimsell .app-shell > .main-content { grid-column: 2; grid-row: 2; }
html.aimsell .as-guide-step { font-weight: 700; color: #9fe0dc; white-space: nowrap; }
html.aimsell .as-guide-bar { display: inline-flex; gap: 4px; }
html.aimsell .as-guide-bar i { width: 18px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .3); }
html.aimsell .as-guide-bar i.on { background: #ffffff; }
html.aimsell .as-guide-text { flex: 1; min-width: 0; }
html.aimsell .as-guide-text b { font-size: 14px; margin-right: 10px; }
html.aimsell .as-guide-text span { opacity: .85; }
html.aimsell .as-guide-acts { display: flex; gap: 6px; align-items: center; white-space: nowrap; }
html.aimsell .as-guide-acts button { height: 30px; padding: 0 12px; border-radius: var(--as-radius-btn); border: 1px solid rgba(255, 255, 255, .45); background: transparent; color: #ffffff; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
html.aimsell .as-guide-acts button.as-guide-go { background: #ffffff; color: var(--as-guide); border-color: #ffffff; }
html.aimsell .as-guide-acts button.as-guide-skip { border: 0; padding: 0 6px; font-weight: 500; opacity: .85; }
html.aimsell .as-guide-all { flex-basis: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 6px 0 4px; border-top: 1px solid rgba(255, 255, 255, .18); }
html.aimsell .as-guide-grp-h { font-size: 12px; font-weight: 700; color: #9fe0dc; margin: 4px 0; }
html.aimsell .as-guide-item { display: flex; align-items: center; gap: 8px; width: 100%; padding: 5px 6px; border: 0; border-radius: 6px; background: transparent; color: #ffffff; font: inherit; font-size: 13px; text-align: left; cursor: pointer; opacity: .85; }
html.aimsell .as-guide-item:hover { background: rgba(255, 255, 255, .08); }
html.aimsell .as-guide-item.now { background: rgba(255, 255, 255, .16); opacity: 1; font-weight: 700; }
html.aimsell .as-guide-item.done { opacity: .7; }
/* 단계·고름 표시(065-claude, components/aimsell-mark.js): 18px 한 viewBox 안 원 + 체크·점. 끝남 Teal 채움 + 흰 체크, 안 끝남 회색 빈 원, 지금 Teal 테두리 + 점 */
html.aimsell .as-mark { display: block; flex: none; overflow: visible; }
html.aimsell .as-mark-c { fill: none; stroke: #c9ced3; stroke-width: 1.5; }
html.aimsell .as-mark[data-state="done"] .as-mark-c { fill: var(--as-accent-icon); stroke: var(--as-accent-icon); }
html.aimsell .as-mark[data-state="now"] .as-mark-c { stroke: var(--as-accent-icon); stroke-width: 2; }
html.aimsell .as-mark-k { fill: none; stroke: #ffffff; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
html.aimsell .as-mark-d { fill: var(--as-accent-icon); }
html.aimsell .as-guide-chk { display: inline-flex; flex: none; width: 18px; height: 18px; }
/* 띠(어두운 청록 바탕) 안 [전체 보기]: 같은 모양을 밝은 색으로 */
html.aimsell .as-guide-all .as-mark-c { stroke: rgba(255, 255, 255, .6); }
html.aimsell .as-guide-all .as-mark[data-state="done"] .as-mark-c { fill: #9fe0dc; stroke: #9fe0dc; }
html.aimsell .as-guide-all .as-mark[data-state="done"] .as-mark-k { stroke: var(--as-guide); }
html.aimsell .as-guide-all .as-mark[data-state="now"] .as-mark-c { stroke: #ffffff; }
html.aimsell .as-guide-all .as-mark-d { fill: #ffffff; }
/* 시작하기 말풍선(G-81, ref 03·06): 누를 곳 바로 아래, 위쪽 꼬리. 고정 위치라 본문 칸 스크롤에도 따라간다(aimsell-bubble.js) */
html.aimsell .as-bubble { position: fixed; z-index: 900; box-sizing: border-box; padding: 12px 34px 12px 16px; border-radius: 8px; background: var(--as-guide); color: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, .18); font-size: 13px; line-height: 20px; }
html.aimsell .as-bubble[hidden] { display: none; }
html.aimsell .as-bubble::before { content: ""; position: absolute; top: -6px; left: var(--tail, 20px); width: 12px; height: 12px; background: var(--as-guide); transform: rotate(45deg); }
html.aimsell .as-bubble-far::after { content: ""; position: absolute; bottom: 100%; left: calc(var(--tail, 20px) + 5px); width: 2px; height: var(--gap, 0px); background: var(--as-guide); }
html.aimsell .as-bubble b { display: block; margin-bottom: 2px; font-size: 13px; color: #9fe0dc; }
html.aimsell .as-bubble p { margin: 0; }
html.aimsell .as-bubble-x { position: absolute; top: 6px; right: 8px; width: 22px; height: 22px; border: 0; background: transparent; color: #ffffff; font-size: 16px; line-height: 22px; cursor: pointer; opacity: .8; }
html.aimsell .as-guide-again { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--as-line-soft); }
/* 영업 현황 맨 위 시작하기 카드: 같은 체크리스트를 밝은 바탕으로 */
html.aimsell #home-guide[hidden] { display: none; }
html.aimsell .as-guide-card-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
html.aimsell .as-guide-card .as-guide-grp-h { color: var(--as-accent); }
html.aimsell .as-guide-card .as-guide-item { color: var(--as-ink); opacity: 1; }
html.aimsell .as-guide-card .as-guide-item:hover { background: var(--as-paper); }
html.aimsell .as-guide-card .as-guide-item.now { background: #eef6f5; }
html.aimsell .as-guide-card .as-guide-item.done { color: var(--as-ink-2); }
html.aimsell .as-guide-row { display: flex; align-items: center; gap: 8px; }
html.aimsell .as-guide-row .as-guide-item { flex: 1; min-width: 0; }
html.aimsell .as-guide-row-go { flex: none; height: 28px; padding: 0 10px; border: 0; border-radius: var(--as-radius-btn); background: var(--as-guide); color: #ffffff; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }

/* ---------- P4b 영업 자료 탭 (기업 대시보드에서 온 제안 화면, ref 12·14·15) ----------
   components/aimsell-materials.js 가 제안 화면 맨 위에 .as-mat-head 를 넣는다. 아래 규칙은 모두 그 뒤 형제에만 걸린다(다른 길로 온 제안 화면은 그대로) */
html.aimsell .as-mat-head { margin: -40px -48px 24px; }
html.aimsell .as-mat-head .as-page-head { padding-left: 48px; padding-right: 48px; border-bottom: 0; }
html.aimsell .as-mat-bar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 0 48px; background: #ffffff; border-bottom: 1px solid #eceef0; }
html.aimsell .as-mat-bar .as-tabs { border-bottom: 0; }
html.aimsell .as-mat-basis { margin: 0; }
html.aimsell .as-mat-back { margin-left: auto; }
/* 132-claude 3: [기업 대시보드로]는 흰 바탕 테두리 버튼 + 왼쪽 화살표(회색 채움은 누를 것처럼 안 보였다). 마우스 올림은 126 흰 테두리 버튼 규칙 그대로 */
html.aimsell .as-btn-2.as-btn-line { background: #ffffff; border: 1px solid #DCDEE1; transition: background-color .15s, border-color .15s; }
html.aimsell .as-btn-2.as-btn-line:hover:not(:disabled) { background: #F4F5F7; border-color: #C9CED3; }
html.aimsell .as-btn-line svg { flex: none; width: 14px; height: 14px; }
/* 132-claude 2: 영업 자료 제안서 탭 템플릿 카드(흰 바탕 + 회색 테두리, 고른 카드는 Teal 2px + 오른쪽 위 체크 + 이름 Teal)·만들기 막대(흰 바탕 + 위쪽 선, 주 버튼 Teal) */
html.aimsell .as-mat-head ~ .rs-layout .style-pack-card { position: relative; padding: 14px 40px 14px 16px; background: #ffffff; border: 1px solid #E6E8EB; box-shadow: none; transition: border-color .15s; }
html.aimsell .as-mat-head ~ .rs-layout .style-pack-card:hover { background: #ffffff; border-color: #C9CED3; }
html.aimsell .as-mat-head ~ .rs-layout .style-pack-card.selected, html.aimsell .as-mat-head ~ .rs-layout .style-pack-card.selected:hover { padding: 14px 40px 14px 16px; background: #ffffff; border: 1px solid #007A7A; box-shadow: inset 0 0 0 1px #007A7A; }
html.aimsell .as-mat-head ~ .rs-layout .style-pack-card.selected .style-pack-name { color: #007A7A; }
html.aimsell .as-tpl-check { display: none; position: absolute; top: 10px; right: 10px; line-height: 0; pointer-events: none; }
html.aimsell .style-pack-card.selected > .as-tpl-check { display: block; }
html.aimsell .as-mat-head ~ #rs-genbar { background: #ffffff; border-top: 1px solid #E6E8EB; box-shadow: none; }
html.aimsell .as-mat-head ~ #rs-genbar #btn-next-logic { background: #007A7A; border-color: #007A7A; color: #ffffff; }
html.aimsell .as-mat-head ~ #rs-genbar #btn-next-logic:hover:not(:disabled) { background: #009A9A; border-color: #009A9A; }
html.aimsell .as-mat-head ~ .step-indicator { display: none; }
html.aimsell .as-mat-head ~ .rs-layout { display: block; }
html.aimsell .as-mat-head ~ .rs-layout > .rs-toc,
html.aimsell .as-mat-head ~ .rs-layout .rs-content > .section:first-child > .section-title,
html.aimsell .as-mat-head ~ .rs-layout .research-warning-banner,
html.aimsell .as-mat-head ~ .rs-layout .research-target-confirm,
html.aimsell .as-mat-head ~ .rs-layout .re-research-panel,
html.aimsell .as-mat-head ~ .rs-layout .low-confidence-banner,
html.aimsell .as-mat-head ~ .rs-layout .rv-flow > :not(.rv-body),
html.aimsell .as-mat-head ~ .rs-layout .rv-rail,
html.aimsell .as-mat-head ~ .rs-layout .rv-main > :not(.rv-outreach),
html.aimsell .as-mat-head ~ .rs-layout .rv-outreach > .rv-section-head,
html.aimsell .as-mat-head ~ .rs-layout .rv-outreach-tabs { display: none; }
html.aimsell .as-mat-head ~ .rs-layout .rv-body { display: block; }
/* 이메일·전화 탭: 템플릿 고르기·생성 막대 숨김 / 제안서 탭: 리서치 칸 숨김 */
html.aimsell .as-mat-head:not([data-tab="proposal"]) ~ .rs-layout .rs-content > .section:not(:first-child),
html.aimsell .as-mat-head:not([data-tab="proposal"]) ~ #rs-genbar { display: none; }
html.aimsell .as-mat-head[data-tab="proposal"] ~ .rs-layout .rs-content > .section:first-child { display: none; }
html.aimsell .as-call-rec { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--as-line); }
html.aimsell .as-call-rec .as-sub { margin: 0; }
/* 영업 자료 제안서 탭 SK 가이드 한 벌(101-claude 결정 2)·기업 대시보드 안내 줄 */
html.aimsell .as-mat-guide .sk-meta-card { margin: 0; }
html.aimsell .as-acc-sknote { margin: 0; padding: 10px 20px; border-bottom: 1px solid var(--as-line-soft); font-size: 12px; color: var(--as-ink-2); }
/* 영업 자료 제안서 탭 참고 자료(101-claude 결정 1) */
html.aimsell .as-mat-ref-acts { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
html.aimsell .as-mat-ref-pick { cursor: pointer; }
html.aimsell .as-mat-ref-row { display: flex; align-items: flex-start; gap: 12px; }
html.aimsell .as-mat-ref-main { flex: 1; min-width: 0; }
html.aimsell .as-mat-ref-main b { font-size: 13px; color: var(--as-ink); }
html.aimsell .as-mat-ref-main .as-sub { margin: 4px 0 0; }
html.aimsell .as-mat-ref-type { display: inline-block; margin-right: 6px; padding: 2px 8px; border-radius: 4px; background: var(--as-accent-tint); color: var(--as-accent); font-size: 11px; font-weight: 700; }
html.aimsell .as-mat-past-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--as-line-soft); }
html.aimsell .as-mat-past-row:last-child { border-bottom: 0; }
/* 리서치 결과 위 [기업 대시보드에서 보기](036) */
html.aimsell .as-rs-dash { display: flex; justify-content: flex-end; margin: 0 0 12px; }
html.aimsell .as-rs-dash-btn { background: none; border: 0; padding: 4px 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--as-accent); cursor: pointer; }
/* 생성 화면(035 B, ref 16·17): 기존 생성 칸(.as-mat-orig)은 값의 출처로 남기고 숨긴다 */
html.aimsell .as-mat-head ~ .as-mat-orig { display: none; }
/* 103-claude: 영업 자료 바닥 [이전 단계로]는 숨김(예전 입력 양식으로 가면 고객사 서칭으로 튕긴다, 위에 [기업 대시보드로 돌아가기]가 있다) */
html.aimsell .as-mat-head ~ #rs-genbar #btn-back { display: none; }
/* 예전 노란 체험 배너는 제안 화면 켜짐 갈래에서 숨기고, 리서치 진행·영업 자료 제안서 탭에만 맞는 종류의 회색 한 줄(.as-trial-note) */
html.aimsell .as-mat-head ~ .trial-usage-banner, html.aimsell .main-content.as-rp > .trial-usage-banner, html.aimsell .main-content.as-rp-flag > .trial-usage-banner { display: none; }
html.aimsell .as-trial-note { margin: 0 0 12px; font-size: 12px; color: var(--as-ink-2); }
html.aimsell .as-trial-note b { font-weight: 700; color: var(--as-ink); }
html.aimsell .as-mat-trial { margin-bottom: 0; }
/* 대시보드 밖 제안서 생성 진행(#propose): 리서치 단계 표시(1 소개서 선택 · 2 리서치 · 3 완료)는 숨김 */
html.aimsell .main-content.as-rp-gen > .step-indicator { display: none; }
/* 탐색 결과 오른쪽 칸: 이미 리서치한 회사는 [기업 대시보드 보기] + 다시 리서치 보조 링크 */
html.aimsell .as-rs-dash-go { width: 100%; height: 44px; margin-top: 4px; }
html.aimsell .as-rs-again-line { margin: 0; text-align: center; font-size: 12px; color: var(--as-ink-2); }
html.aimsell .as-rs-again-line .as-link { font-size: 12px; }
html.aimsell .as-mat-note { margin: 0; padding: 10px 48px; font-size: 13px; color: var(--as-ink-2); background: #eef6f5; }
html.aimsell .as-mat-note[hidden] { display: none; }
html.aimsell .as-mat-gen { margin-bottom: 20px; }
html.aimsell .as-gen-top { display: flex; align-items: baseline; gap: 10px; }
html.aimsell .as-gen-stage { font-size: 15px; color: var(--as-ink); }
html.aimsell .as-gen-pct { font-size: 24px; font-weight: 700; color: var(--as-ink); font-variant-numeric: tabular-nums; }
html.aimsell .as-gen-time { margin-left: auto; }
html.aimsell .as-gen-bar { height: 6px; margin: 12px 0 14px; border-radius: 3px; background: var(--as-line); overflow: hidden; }
html.aimsell .as-gen-bar > span { display: block; height: 100%; background: var(--as-accent); transition: width .4s ease; }
/* 114-claude: 다른 메뉴에 다녀온 뒤 진행 중인 제안서(영업 자료 제안서 탭 맨 위). 만드는 동안 템플릿 고르기·만들기 막대는 숨긴다 */
html.aimsell .as-gen-bar.is-unknown > span { opacity: .35; animation: lxBlink 1.6s ease-in-out infinite; }
html.aimsell .as-mat-head.is-busy ~ .rs-layout .as-mat-tpl,
html.aimsell .as-mat-head.is-busy ~ #rs-genbar { display: none; }
html.aimsell .as-mat-remote .as-card-head .as-push { margin-left: auto; }
/* 타겟 맞춤 제안 줄 칩·기업 대시보드 영업 자료 맨 위 한 줄(114-claude) */
html.aimsell .as-run-chip { display: inline-flex; align-items: center; height: 20px; margin-left: 8px; padding: 0 8px; border-radius: 10px; background: var(--as-accent-tint); color: var(--as-accent); font-size: 11px; font-weight: 700; vertical-align: 1px; }
html.aimsell .ad-mat-run { display: flex; align-items: center; gap: 8px; width: 100%; margin: 4px 0 6px; padding: 10px 12px; border: 1px solid #CDEBEB; border-radius: 6px; background: #E5F4F4; color: #007A7A; font: inherit; font-size: 12px; font-weight: 700; text-align: left; cursor: pointer; }
html.aimsell .ad-mat-run[hidden] { display: none; }
html.aimsell .ad-mat-run i { flex: none; width: 6px; height: 6px; border-radius: 3px; background: #009A9A; animation: lxBlink 1.2s ease-in-out infinite; }
html.aimsell .ad-mat-run .ad-lb { margin-left: auto; font-weight: 500; }
html.aimsell .ad-mat-run:hover { border-color: #007A7A; }
html.aimsell .as-gen-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
html.aimsell .as-gen-step { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--as-mute); }
html.aimsell .as-gen-dot { position: relative; flex: none; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #c9ced3; background: #ffffff; }
html.aimsell .as-gen-step.active { color: var(--as-ink); font-weight: 600; }
html.aimsell .as-gen-step.active .as-gen-dot { border-color: var(--as-ink); }
html.aimsell .as-gen-step.active .as-gen-dot::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--as-ink); }
html.aimsell .as-gen-step.done { color: var(--as-ink); }
html.aimsell .as-gen-step.done .as-gen-dot { border-color: var(--as-accent); background: var(--as-accent); }
html.aimsell .as-gen-step.done .as-gen-dot::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
html.aimsell .as-gen-file { display: flex; align-items: center; gap: 8px; font-size: 16px; color: var(--as-ink); }
html.aimsell .as-gen-meta { margin: 6px 0 14px; }
html.aimsell .as-gen-btns { display: flex; gap: 8px; flex-wrap: wrap; }
html.aimsell .as-gen-btns [hidden] { display: none; }
html.aimsell .as-gen-again-note { margin: 12px 0 0; }
html.aimsell .as-gen-again-note[hidden] { display: none; }
html.aimsell .as-gen-pexels { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--as-line-soft); font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-gen-pexels[hidden] { display: none; }
html.aimsell .as-gen-pexels-line { display: inline-flex; align-items: center; gap: 6px; }
html.aimsell .as-gen-pexels-btn { margin-left: auto; background: none; border: 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--as-accent); cursor: pointer; }
html.aimsell .as-gen-pexels-list { flex-basis: 100%; }
html.aimsell .as-gen-pexels-list[hidden] { display: none; }
html.aimsell .as-gen-pexels-list #pexels-attribution { margin-top: 4px !important; }
html.aimsell .as-gen-err { margin: 0 0 8px; font-size: 14px; color: var(--as-danger); }
html.aimsell .as-gen-retry .error-actions { justify-content: flex-start !important; }
html.aimsell .as-gen-retry #btn-new-proposal { display: none; }
@media (min-width: 1500px) {
  html.aimsell .as-mat-head, html.aimsell .as-rp-head { margin-left: -64px; margin-right: -64px; }
  html.aimsell .as-mat-head .as-page-head, html.aimsell .as-mat-bar, html.aimsell .as-rp-head .as-page-head { padding-left: 64px; padding-right: 64px; }
}

/* ---------- P7b 소개서 관리 배치 (ref 04·20): 소개서 카드 + 요약 + 시나리오·시그널 2열 ---------- */
html.aimsell .as-my-assets .as-my-body > .section:first-child > .section-title { display: none; }
html.aimsell .as-bm { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
html.aimsell .as-bm-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
html.aimsell .as-bm-side { position: sticky; top: 16px; }
html.aimsell .as-bm-num { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--as-accent); color: #ffffff; font-size: 11px; font-weight: 700; margin-right: 8px; }
html.aimsell .as-bm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
html.aimsell .as-bm-card { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 10px; border: 1px solid var(--as-line); border-radius: 8px; background: #ffffff; font: inherit; text-align: left; cursor: pointer; }
html.aimsell .as-bm-card:hover { border-color: #c9ced3; }
html.aimsell .as-bm-card.selected { border: 2px solid var(--as-accent); padding: 9px; background: #f6fbfb; }
html.aimsell .as-bm-card b { font-size: 13px; line-height: 18px; color: var(--as-ink); margin-top: 4px; }
html.aimsell .as-bm-card .as-sub { margin: 0; }
html.aimsell .as-bm-thumb, html.aimsell .as-bm-sum-thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; border-radius: 6px; background: var(--as-paper); color: var(--as-mute); overflow: hidden; }
html.aimsell .as-bm-thumb img, html.aimsell .as-bm-sum-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
html.aimsell .as-bm-check { position: absolute; top: 14px; right: 14px; display: inline-flex; width: 20px; height: 20px; } /* 안의 그림은 .as-mark(065) */
html.aimsell .as-bm-new { align-items: center; justify-content: center; min-height: 150px; border-style: dashed; color: var(--as-ink-2); }
html.aimsell .as-bm-plus { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--as-paper); font-size: 20px; }
html.aimsell .as-bm-upload { margin-top: 14px; }
/* 소개서가 많은 계정(044 C): 접기·모두 보기·이름 찾기 */
html.aimsell .as-bm-search { display: block; width: 100%; max-width: 360px; margin: 0 0 12px; }
html.aimsell .as-bm-search[hidden], html.aimsell .as-bm-more[hidden] { display: none; }
html.aimsell .as-bm-more { display: block; margin: 12px auto 0; background: none; border: 0; padding: 4px 8px; font: inherit; font-size: 13px; font-weight: 600; color: var(--as-accent); cursor: pointer; }
/* ref 20(035 A): 분석 중이면 업로드 칸이 맨 위 진행 카드로 온다. 막대·경과 시간은 file-upload.js 가 그대로 갱신 */
html.aimsell .as-bm-prog { position: relative; margin-bottom: 16px; }
html.aimsell .as-bm-prog[hidden] { display: none; }
html.aimsell .as-bm-prog .as-card-head { min-height: 64px; }
html.aimsell .as-bm-prog-ico { display: inline-flex; color: var(--as-ink-2); }
html.aimsell .as-bm-prog-title { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html.aimsell .as-bm-prog-body > .card { border: 0; box-shadow: none; padding: 0; margin: 0 !important; background: transparent; }
html.aimsell .as-bm-prog-body .form-group-label, html.aimsell .as-bm-prog-body .upload-banner { display: none !important; }
html.aimsell .as-bm-prog-body .upload-zone { border: 0; padding: 0; background: transparent; min-height: 0; }
html.aimsell .as-bm-prog-body .dl-v2 .dl-box { border: 0; border-radius: 0; padding: 16px 20px 18px; background: transparent; }
html.aimsell .as-bm-prog-body .loading-sub { display: none; }
html.aimsell .as-bm-prog-body .dl-head { display: none; } /* 경과 시간은 카드 머리(.as-bm-prog-time)가 따라 그린다 */
html.aimsell .as-bm-prog-time { font-size: 13px; font-weight: 600; color: var(--as-ink); font-variant-numeric: tabular-nums; }
html.aimsell .as-bm-prog-body .loading-steps { margin: 0; gap: 16px; }
html.aimsell .as-bm-prog-body .loading-step { font-size: 13px; }
html.aimsell .as-bm-prog-body .dl-step-label::before { content: "대기"; display: block; font-size: 11px; font-weight: 600; color: var(--as-mute); margin-bottom: 2px; }
html.aimsell .as-bm-prog-body .loading-step.active .dl-step-label::before { content: "진행 중"; color: var(--as-accent); }
html.aimsell .as-bm-prog-body .loading-step.done .dl-step-label::before { content: "완료"; color: var(--as-accent); }
html.aimsell .as-bm-prog-body .loading-step.done .dl-step-bar, html.aimsell .as-bm-prog-body .loading-step.active .dl-step-bar::after { background: var(--as-accent); }
html.aimsell .as-bm-prog-body .dl-step-label { white-space: normal; }
html.aimsell .as-bm-upload[hidden], html.aimsell .as-bm-scen[hidden] { display: none; }
html.aimsell .as-bm-scen-body .my-asset-item { border: 0; padding: 0; margin: 0; background: transparent; box-shadow: none; }
html.aimsell .as-bm-scen-body .my-asset-item[hidden] { display: none; }
html.aimsell .as-bm-scen-body .my-asset-header { display: none; }
html.aimsell .as-bm-scen-body .my-asset-body { display: flex !important; flex-direction: column; }
/* P7b ③(034): ③ 카드는 고른 소개서 칸 안 맨 끝에 있다. ② 바깥 카드 틀은 빼고 ② 머리 + 소개서 칸 본문을 한 카드처럼, ③ 은 따로 된 카드로 */
html.aimsell .as-bm-scen { background: transparent; border: 0; overflow: visible; }
html.aimsell .as-bm-scen > .as-card-head { background: var(--as-card); border: 1px solid var(--as-line); border-bottom-color: var(--as-line-soft); border-radius: var(--as-radius) var(--as-radius) 0 0; }
html.aimsell .as-bm-scen > .as-bm-scen-body { padding: 0; }
html.aimsell .as-bm-scen-body .my-asset-body { background: var(--as-card); border: 1px solid var(--as-line); border-top: 0; border-radius: 0 0 var(--as-radius) var(--as-radius); padding: 16px 20px; }
html.aimsell .as-bm-scen-body .my-asset-body > .sig-explain, html.aimsell .as-bm-scen-body .my-asset-body > .sig-common, html.aimsell .as-bm-scen-body .my-ctx-card .sig-panel { display: none; }
html.aimsell .as-bm-scen-body .my-ctx-card { position: relative; cursor: pointer; }
html.aimsell .as-bm-scen-body .my-ctx-card.as-scen-sel { border: 2px solid var(--as-accent); background: #f6fbfb; }
/* ② 타겟 시나리오 보기 카드(039, ref 04): 보기 상태면 my.js 폼(입력칸·버튼 줄)은 숨기고 .as-scen-viewbox 만. [편집]이면 폼 그대로 */
html.aimsell .as-bm-scen-body .my-ctx-section-header, html.aimsell .as-bm-scen-body .ctx-ai-gen-link, html.aimsell .as-bm-scen-body .ctx-discover-btn { display: none !important; }
html.aimsell .as-bm-scen-body .my-ctx-card.as-scen-view { padding: 16px 18px 12px; }
html.aimsell .as-bm-scen-body .my-ctx-card.as-scen-view > :not(.as-scen-viewbox):not(.as-scen-check) { display: none !important; }
html.aimsell .as-bm-scen-body .my-ctx-card.as-scen-sel.as-scen-view { padding: 15px 17px 11px; }
/* 134-claude 2: 편집 양식도 보기 카드 순서·모양(업종/유형 제목 크기 → 만날 사람 → 기업 규모 칩 → 접근 방법), 라벨 왼쪽 80px 회색 13px, 안쪽 20px 24px.
   노드는 옮기지 않고 order 만(my.js 가 칸을 클래스로 찾는다). 저장·취소·삭제는 오른쪽 아래, [삭제]는 126 흰 테두리 버튼 + 빨강 글자 */
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) { display: flex; flex-direction: column; gap: 14px; padding: 20px 24px; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured.as-scen-sel:not(.as-scen-view) { padding: 19px 23px; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .ctx-field-group { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; column-gap: 12px; margin: 0; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .ctx-field-group > .ctx-field-label { margin: 0; font-size: 13px; font-weight: 400; color: #868B92; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .ctx-field-group:has(.ctx-field-industry) { order: 1; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .ctx-field-group:has(.ctx-field-persona) { order: 2; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .ctx-field-group:has(.ctx-target-chk) { order: 3; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .ctx-field-group:has(.ctx-field-approach) { order: 4; align-items: start; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .ctx-field-group:has(.ctx-field-approach) > .ctx-field-label { padding-top: 10px; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > :not(.ctx-field-group):not(.my-btn-row):not(.as-scen-check) { order: 5; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .my-btn-row { order: 6; justify-content: flex-end; margin: 0; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) > .my-btn-row > .ctx-msg:empty { display: none; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured:not(.as-scen-view) .ctx-field-industry { height: 44px; font-size: 16px; font-weight: 600; }
html.aimsell .as-bm-scen-body .my-ctx-card.structured.as-scen-sel:not(.as-scen-view) > .ctx-field-group:has(.ctx-field-industry) { padding-right: 26px; } /* 고름 체크(오른쪽 위)와 겹치지 않게 */
html.aimsell .as-bm-scen-body .my-ctx-card .btn.btn-sm.ctx-delete-btn { background: #ffffff !important; border: 1px solid #DCDEE1 !important; color: #D93025 !important; transition: background-color .15s, border-color .15s; }
html.aimsell .as-bm-scen-body .my-ctx-card .btn.btn-sm.ctx-delete-btn:hover:not(:disabled) { background: #F4F5F7 !important; border-color: #C9CED3 !important; }
html.aimsell .as-scen-head { display: flex; align-items: center; gap: 8px; padding-right: 26px; font-size: 15px; color: var(--as-ink); }
html.aimsell .as-scen-head svg { flex: none; width: 18px; height: 18px; color: var(--as-accent); }
html.aimsell .as-bm-sig-scen { display: inline-flex; align-items: center; gap: 6px; }
html.aimsell .as-bm-sig-scen svg { flex: none; width: 18px; height: 18px; color: var(--as-accent); }
html.aimsell .as-scen-rows { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 0; }
html.aimsell .as-scen-rows > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; font-size: 13px; line-height: 20px; }
html.aimsell .as-scen-rows dt { color: var(--as-mute); }
html.aimsell .as-scen-rows dd { margin: 0; color: var(--as-ink); }
html.aimsell .as-scen-rows .as-clamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.aimsell .as-scen-sizes { display: flex; flex-wrap: wrap; gap: 4px 12px; }
html.aimsell .as-scen-sizes span { position: relative; padding-left: 18px; }
html.aimsell .as-scen-sizes span::before { content: ""; position: absolute; left: 0; top: 4px; width: 12px; height: 12px; box-sizing: border-box; border: 1.5px solid var(--as-ink-2); border-radius: 3px; }
html.aimsell .as-scen-sizes span::after { content: ""; position: absolute; left: 4px; top: 5px; width: 3px; height: 6px; border: solid var(--as-ink); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
html.aimsell .as-scen-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--as-line-soft); }
html.aimsell .as-scen-foot .as-link { display: inline-flex; align-items: center; gap: 4px; background: none; border: 0; padding: 2px 0; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
html.aimsell .as-scen-more { color: var(--as-accent); }
html.aimsell .as-scen-edit { color: var(--as-ink-2); }
html.aimsell .as-bm-scen-body .my-ctx-list > .as-scen-add { grid-column: span 1 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 150px; padding: 16px; border: 1.5px dashed var(--as-line); border-radius: 10px; }
html.aimsell .as-scen-add p { margin: 0 0 4px; font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-scen-add .as-btn-2 { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 220px; }
html.aimsell .as-scen-add [hidden] { display: none; }
html.aimsell .as-scen-check { position: absolute; top: 12px; right: 12px; display: inline-flex; width: 20px; height: 20px; }
html.aimsell .as-bm-link { align-self: center; margin: 0 auto; padding: 6px 12px; font-size: 12px; font-weight: 600; color: var(--as-accent); background: #eef6f5; border-radius: 6px; text-align: center; }
html.aimsell .as-bm-link::before { content: "\2193  "; }
html.aimsell .as-bm-link[hidden] { display: none; }
html.aimsell .as-bm-scen-body .my-asset-item > .as-bm-link { display: table; margin: 16px auto; }
html.aimsell .as-bm-sig { overflow: visible; }
html.aimsell .as-bm-sig-count { font-size: 13px; font-weight: 600; color: var(--as-accent); }
/* 목록은 왼쪽 칸, my.js 수정 폼(.sig-form)은 옮기지 않고 오른쪽 칸에. 감싸는 칸을 풀어(display: contents) 줄·폼이 이 격자의 칸이 되게 한다.
   마지막 줄 1fr: 폼이 목록보다 길어도 목록 줄 높이를 늘리지 않는다 */
html.aimsell .as-bm-sig-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 340px); grid-template-rows: repeat(40, auto) 1fr; column-gap: 20px; padding: 16px 20px 20px; }
html.aimsell .as-bm-sig-list, html.aimsell .as-bm-sig-own, html.aimsell .as-bm-sig-common, html.aimsell .as-bm-sig-grid .sig-panel, html.aimsell .as-bm-sig-grid .sig-rows, html.aimsell .as-bm-sig-grid .sig-common { display: contents; }
html.aimsell .as-bm-sig-grid .sig-panel-head, html.aimsell .as-bm-sig-grid .sig-common-head { display: none; }
html.aimsell .as-bm-sig-gh, html.aimsell .as-bm-sig-grid .sig-row, html.aimsell .as-bm-sig-grid .sig-empty, html.aimsell .as-bm-sig-grid .sig-legacy-note, html.aimsell .as-bm-sig-grid .sig-foot, html.aimsell .as-bm-sig-grid .sig-chip-row, html.aimsell .as-bm-sig-grid .sig-common-empty { grid-column: 1; }
html.aimsell .as-bm-sig-gh { display: flex; align-items: baseline; gap: 8px; padding: 4px 0 8px; font-size: 13px; }
html.aimsell .as-bm-sig-gh[hidden] { display: none; }
html.aimsell .as-bm-sig-gh b { color: var(--as-ink); }
html.aimsell .as-bm-sig-gh span { font-size: 12px; color: var(--as-mute); }
html.aimsell .as-bm-sig-gh-common { padding-top: 18px; }
html.aimsell .as-bm-sig-grid .sig-row { padding: 10px 8px; gap: 12px; border-bottom: 1px solid var(--as-line-soft); }
html.aimsell .as-bm-sig-grid .sig-row.is-selected { background: #eef6f5; border-bottom-color: var(--as-line-soft); }
html.aimsell .as-bm-sig-grid .sig-row.is-selected .sig-main { background: transparent; }
html.aimsell .as-bm-sig-grid .sig-rule { display: none; }
html.aimsell .as-bm-sig-grid .sig-name { color: var(--as-accent); }
html.aimsell .as-bm-sig-grid .sig-window { border: 0; background: transparent; padding: 0; font-weight: 400; color: var(--as-mute); }
html.aimsell .as-bm-sig-grid .sig-switch { width: 18px; height: 18px; }
html.aimsell .as-bm-sig-grid .sig-switch-track { border-radius: 4px; background: #ffffff; border: 1.5px solid #c9ced3; }
html.aimsell .as-bm-sig-grid .sig-switch-track::after { content: none; }
html.aimsell .as-bm-sig-grid .sig-switch input:checked + .sig-switch-track { background: var(--as-accent); border-color: var(--as-accent); }
html.aimsell .as-bm-sig-grid .sig-switch input:checked + .sig-switch-track::before { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
html.aimsell .as-bm-sig-grid .sig-chip-row { flex-direction: column; gap: 0; }
html.aimsell .as-bm-sig-grid .sig-chip { display: flex; justify-content: space-between; width: 100%; border: 0; border-bottom: 1px solid var(--as-line-soft); border-radius: 0; padding: 12px 8px; background: transparent; color: var(--as-accent); text-align: left; }
html.aimsell .as-bm-sig-grid .sig-chip.is-selected { background: #eef6f5; box-shadow: none; }
html.aimsell .as-bm-sig-grid .sig-chip.is-off { color: var(--as-mute); background: transparent; }
html.aimsell .as-bm-sig-grid .sig-foot { padding-top: 8px; }
html.aimsell .as-bm-sig-grid .sig-add-btn { color: var(--as-ink); background: var(--as-paper); border-radius: 6px; padding: 6px 12px; }
html.aimsell .as-bm-sig-grid .sig-form, html.aimsell .as-bm-sig-ph { grid-column: 2; grid-row: 1 / -1; align-self: start; margin: 0; }
html.aimsell .as-bm-sig-grid .sig-form { background: #eef6f5; border: 0; border-radius: 8px; padding: 16px; }
html.aimsell .as-bm-sig-grid.is-both .sig-common .sig-form { grid-row: auto; margin-top: 12px; } /* 두 폼이 다 열려 있으면(고친 게 있어 닫지 않음) 공통 폼은 아래로 */
html.aimsell .as-bm-sig-ph { padding: 16px; border: 1px dashed var(--as-line); border-radius: 8px; font-size: 13px; color: var(--as-mute); }
html.aimsell .as-bm-sig-grid.has-form .as-bm-sig-ph { display: none; }
html.aimsell .as-bm-sig-kicker { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--as-accent); margin-bottom: 4px; }
html.aimsell .as-bm-sig-grid .sig-form select.sig-f-window, html.aimsell .as-bm-sig-grid .sig-form select.sig-f-strength { display: none; }
html.aimsell .as-seg { display: flex; flex-wrap: wrap; gap: 6px; }
html.aimsell .as-seg button { min-width: 52px; height: 32px; padding: 0 10px; border: 1px solid var(--as-line); border-radius: 6px; background: #ffffff; font: inherit; font-size: 13px; color: var(--as-ink-2); cursor: pointer; }
html.aimsell .as-seg button.on { border: 1.5px solid var(--as-accent); color: var(--as-ink); font-weight: 700; }
html.aimsell .as-bm-sig-note { font-size: 12px; color: var(--as-mute); margin: 10px 0 6px; padding-top: 10px; border-top: 1px solid #d8e6e4; }
html.aimsell .as-bm-scen-body .my-ctx-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
html.aimsell .as-bm-scen-body .my-ctx-list > :not(.my-ctx-card) { grid-column: 1 / -1; }
html.aimsell .as-bm-scen-body .my-ctx-card { margin: 0; }
html.aimsell .as-bm-sum .as-card-body { display: flex; flex-direction: column; gap: 6px; }
html.aimsell .as-bm-sum-name { font-size: 15px; color: var(--as-ink); margin-top: 6px; }
html.aimsell .as-bm-sum-counts { display: flex; gap: 14px; margin: 6px 0 4px; font-size: 13px; color: var(--as-ink-2); }
html.aimsell .as-bm-sum-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 6px; }
html.aimsell .as-bm-delete { color: var(--as-danger); }
html.aimsell .as-bm-go { margin-top: 6px; height: 40px; }

/* ---------- 3. 좁은 화면 ---------- */
@media (max-width: 1100px) {
  html.aimsell .as-rs-grid { grid-template-columns: minmax(0, 1fr); }
  html.aimsell .as-bm { grid-template-columns: minmax(0, 1fr); }
  html.aimsell .as-bm-side { position: static; order: -1; }
  html.aimsell .as-bm-scen-body .my-ctx-list { grid-template-columns: minmax(0, 1fr); }
  html.aimsell .as-bm-sig-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  html.aimsell .as-bm-sig-grid .sig-form { grid-column: 1; grid-row: auto; margin: 8px 0; } /* 한 열: 폼은 my.js 가 넣은 자리(누른 줄 바로 아래) */
  html.aimsell .as-bm-sig-ph { display: none; }
  html.aimsell .as-rs-panel { position: static; }
  html.aimsell .as-row, html.aimsell .as-row-64 { grid-template-columns: 1fr; }
  html.aimsell .as-acc-body { grid-template-columns: 1fr; }
  html.aimsell .as-acc-head { grid-template-columns: 1fr 1fr; }
  html.aimsell .as-cols-3 { grid-template-columns: 1fr; }
  html.aimsell .as-cols-3 > div + div { border-left: 0; border-top: 1px solid var(--as-line-soft); }
  html.aimsell .as-ws-row { grid-template-columns: 28px 1fr; }
  html.aimsell .as-ws-sig, html.aimsell .as-ws-act { grid-column: 2; text-align: left; }
}
@media (max-width: 768px) {
  html.aimsell .app-shell { grid-template-columns: minmax(0, 1fr); }
  html.aimsell .bai-rail { width: 264px; padding-top: 52px; }
  html.aimsell { --as-pad-x: 16px; }
  html.aimsell .as-page-title { font-size: 22px; line-height: 30px; margin-top: 12px; }
  html.aimsell .as-stats-3 { grid-template-columns: 1fr 1fr 1fr; }
  html.aimsell .as-stat { padding: 14px 12px 16px; }
  html.aimsell .as-stat-num b { font-size: 24px; }
  html.aimsell .as-grid-2 { grid-template-columns: 1fr; }
  html.aimsell .as-search-card { padding: 20px 16px; }
  html.aimsell .as-recent-row { grid-template-columns: 1fr auto; }
  html.aimsell .as-recent-when, html.aimsell .as-recent-state, html.aimsell .as-recent-chev { display: none; }
  html.aimsell .as-card-head { flex-wrap: wrap; padding: 10px 16px; }
  html.aimsell .as-rs-table .as-rs-date, html.aimsell .as-rs-table .as-rs-fit, html.aimsell .as-rs-table .as-rs-stage { display: none; }
  html.aimsell .as-rs-table { min-width: 520px; }
  html.aimsell .as-gen-steps { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  html.aimsell .as-mat-note { padding: 10px 16px; }
  html.aimsell .as-bm-prog-body .loading-steps { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html.aimsell .discover-page.as-run .dl-v2 .loading-steps { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px 16px 16px; }
  html.aimsell .as-dr-head, html.aimsell .discover-page.as-run .dl-v2 .dl-head { padding-left: 16px; padding-right: 16px; }
  html.aimsell .as-dr-cand { padding: 8px 16px; flex-wrap: wrap; }
  html.aimsell .as-dr-state-in { flex-wrap: wrap; padding: 18px 16px; }
  html.aimsell .as-sigco-table .as-sigco-date { display: none; }
  html.aimsell .as-sigco-table { min-width: 520px; }
  html.aimsell .as-guide { flex-wrap: wrap; padding: 10px 16px; }
  html.aimsell .app-shell > .as-guide, html.aimsell .app-shell > .main-content { grid-column: 1; }
  html.aimsell .as-mat-head, html.aimsell .as-rp-head { margin: -24px -16px 16px; }
  html.aimsell .as-mat-head .as-page-head, html.aimsell .as-mat-bar, html.aimsell .as-rp-head .as-page-head { padding-left: 16px; padding-right: 16px; }
  html.aimsell .as-mat-back { margin-left: 0; }
  html.aimsell .as-guide-text span { display: block; margin-top: 2px; }
  html.aimsell .as-guide-all, html.aimsell .as-guide-card-body { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  html.aimsell .as-rs-group-btn .as-rs-gdesc { display: none; }
  html.aimsell .as-rs-table th:first-child, html.aimsell .as-rs-table td:first-child { padding-left: 14px; }
}

/* ---------- Admin (056 C, _overnight/ADMIN_PLAN.md): 기능·마크업 그대로, 보이는 것만. admin.js·admin-signups.js·admin-weekly-signal.js 무수정.
   인라인 style 을 덮는 !important 는 이 묶음(html.aimsell .admin-page 아래) 안에서만. JS 가 켜고 끄는 display 는 건드리지 않는다.
   카드 밖 섹션 제목은 노드를 옮기지 않고 모양만 카드 머리로 붙인다(다시 그려도 그대로, 059-claude 1) ---------- */
html.aimsell .main-content:has(> .admin-page) { padding: 0; max-width: none; }
html.aimsell .admin-page { max-width: none; margin: 0; padding: 0; }
/* 머리: 다른 화면 page-head 와 같은 흰 띠 + 작은 경로 + 큰 제목 + 설명 */
html.aimsell .admin-page > .admin-head { margin: 0; padding: 16px var(--as-pad-x) 6px; background: #ffffff; border-bottom: 0; }
html.aimsell .admin-page > .admin-head::before { content: "Admin"; display: block; font-size: 14px; line-height: 20px; color: var(--as-ink); }
html.aimsell .admin-page .admin-title { margin: 16px 0 0; font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 34px; color: var(--as-ink); }
html.aimsell .admin-page .admin-sub { margin: 6px 0 0; font-size: 13px; line-height: 20px; color: var(--as-ink-2); }
/* 탭: 내 계정 탭과 같은 모양(배지는 그대로) */
html.aimsell .admin-page > .admin-tabs { gap: 4px; margin: 0; padding: 0 var(--as-pad-x); background: #ffffff; border-bottom: 1px solid #eceef0; overflow-x: auto; }
html.aimsell .admin-page .admin-tab { height: 44px; padding: 0 14px; margin-bottom: -1px; border-bottom: 2px solid transparent; font-size: 14px; font-weight: 500; color: var(--as-ink-2); }
html.aimsell .admin-page .admin-tab:hover { color: var(--as-ink); }
html.aimsell .admin-page .admin-tab.active { color: var(--as-ink); font-weight: 700; border-bottom-color: var(--as-ink); }
html.aimsell .admin-page > #admin-tab-content { padding: 24px var(--as-pad-x) 64px; }
html.aimsell .admin-page #admin-tab-content > :first-child { margin-top: 0 !important; }

/* 섹션: 카드 머리 = 제목 + 회색 설명 + 오른쪽 건수·버튼 */
html.aimsell .admin-page .admin-section { margin: 0 0 var(--as-gap) !important; }
html.aimsell .admin-page .admin-section-title { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: 0; color: var(--as-ink); }
html.aimsell .admin-page .admin-section-meta { font-size: 13px; color: var(--as-mute); }
/* (1) 제목 + 카드(대시보드): 제목을 카드 머리로 붙인다 */
html.aimsell .admin-page .admin-section > .admin-section-title:has(+ .card) { display: flex; align-items: center; min-height: 46px; padding: 0 20px; background: var(--as-card); border: 1px solid var(--as-line); border-bottom: 1px solid var(--as-line-soft); border-radius: var(--as-radius) var(--as-radius) 0 0; }
html.aimsell .admin-page .admin-section > .admin-section-title + .card { margin: 0; padding: 0; border: 1px solid var(--as-line); border-top: 0; border-radius: 0 0 var(--as-radius) var(--as-radius); box-shadow: none; overflow: auto; }
/* (2) 머리 + 거르기 + 목록이 한 섹션(소개서·문의·에러 로그·가입심사): 섹션 전체를 카드로 */
html.aimsell .admin-page .admin-section:has(> .admin-section-head) { background: var(--as-card); border: 1px solid var(--as-line); border-radius: var(--as-radius); overflow: hidden; }
html.aimsell .admin-page .admin-section > .admin-section-head { display: flex; align-items: center; gap: 10px; min-height: 46px; margin: 0; padding: 0 20px; border-bottom: 1px solid var(--as-line-soft); }
html.aimsell .admin-page .admin-section > .admin-section-head > .admin-section-meta { margin-left: auto; }
html.aimsell .admin-page .admin-section > .admin-asset-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 !important; padding: 12px 20px; border-bottom: 1px solid var(--as-line-soft); background: var(--as-foot); }
html.aimsell .admin-page .admin-section:has(> .admin-section-head) .admin-table { border: 0; border-radius: 0; }
html.aimsell .admin-page .admin-assets-table-wrap { margin: 0; border: 0; border-radius: 0; }
/* (3) 계정 관리: 제목 줄(인라인 flex) + [조직 생성] 폼 + 목록 카드 */
html.aimsell .admin-page #admin-tab-content > div:has(> .admin-section-title):has(+ #admin-create-org-form) { min-height: 46px; margin: 0 !important; padding: 0 20px; background: var(--as-card); border: 1px solid var(--as-line); border-bottom: 1px solid var(--as-line-soft); border-radius: var(--as-radius) var(--as-radius) 0 0; }
html.aimsell .admin-page #admin-create-org-form { background: var(--as-card); border-left: 1px solid var(--as-line); border-right: 1px solid var(--as-line); }
html.aimsell .admin-page #admin-create-org-form > * { margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--as-line-soft) !important; border-radius: 0 !important; box-shadow: none !important; }
html.aimsell .admin-page #admin-workspaces-list { margin: 0 0 var(--as-gap); padding: 0; border: 1px solid var(--as-line); border-top: 0; border-radius: 0 0 var(--as-radius) var(--as-radius); box-shadow: none; }
html.aimsell .admin-page #admin-tab-content > div:has(> .admin-section-title):has(+ .card #users-filter) { display: flex; align-items: baseline; gap: 10px; min-height: 46px; margin: 0 !important; padding: 13px 20px 0; box-sizing: border-box; background: var(--as-card); border: 1px solid var(--as-line); border-bottom: 0; border-radius: var(--as-radius) var(--as-radius) 0 0; }
html.aimsell .admin-page #admin-tab-content > div:has(> .admin-section-title):has(+ .card #users-filter) > div:not(.admin-section-title) { font-size: 13px !important; color: var(--as-mute) !important; }
html.aimsell .admin-page .card:has(> #users-filter) { margin: 0 !important; padding: 12px 20px !important; border: 1px solid var(--as-line); border-top: 0; border-bottom: 1px solid var(--as-line-soft); border-radius: 0; box-shadow: none; background: var(--as-foot); }
html.aimsell .admin-page #admin-users-list { margin: 0; padding: 0; border: 1px solid var(--as-line); border-top: 0; border-radius: 0 0 var(--as-radius) var(--as-radius); box-shadow: none; }

/* 카드 공통 */
html.aimsell .admin-page .card { box-shadow: none; border-color: var(--as-line); border-radius: var(--as-radius); }

/* 표: 팀 기록 표와 같은 머리 글씨·줄 높이·hover */
html.aimsell .admin-page .admin-table { border: 0; border-radius: 0; background: transparent; font-size: 13px; }
html.aimsell .admin-page .admin-table th { padding: 12px 20px; background: transparent; border-bottom: 1px solid var(--as-line-soft); font-size: 12px; font-weight: 500; color: var(--as-ink-2); text-transform: none; letter-spacing: 0; }
html.aimsell .admin-page .admin-table td { padding: 12px 20px; border-bottom: 1px solid var(--as-line-soft); color: var(--as-ink); vertical-align: middle; }
html.aimsell .admin-page .admin-table tr:hover td { background: #fafbfb; }
html.aimsell .admin-page .card > .admin-table { margin: 0; }
html.aimsell .admin-page .card:has(> .admin-table) { padding: 0; }

/* 입력칸·선택칸·글상자: 내 계정 폼 모양 */
html.aimsell .admin-page .form-input, html.aimsell .admin-page .form-select, html.aimsell .admin-page input.input, html.aimsell .admin-page select.input, html.aimsell .admin-page textarea.input, html.aimsell .admin-page .wsa-input, html.aimsell .admin-page .wsa-select {
  height: 36px; padding: 0 12px; box-sizing: border-box; border: 1px solid #dcdee1; border-radius: 6px; background: #ffffff; font: inherit; font-size: 13px; color: var(--as-ink); box-shadow: none;
}
html.aimsell .admin-page textarea.input, html.aimsell .admin-page textarea.form-input { height: auto; min-height: 64px; padding: 8px 12px; line-height: 20px; }
html.aimsell .admin-page .form-input:focus, html.aimsell .admin-page .form-select:focus, html.aimsell .admin-page .input:focus { outline: 2px solid var(--as-accent-tint); border-color: var(--as-accent); }
html.aimsell .admin-page .admin-form-group label { font-size: 13px; font-weight: 600; color: var(--as-ink); text-transform: none; letter-spacing: 0; }
html.aimsell .admin-page .admin-form-group { gap: 6px; }
html.aimsell .admin-page .admin-form-grid { gap: 12px 16px; }

/* 버튼: 꽉 차지 않게, 줄마다 반복되는 것은 작은 회색, 지우는 것은 빨간 글자(확인 창·동작은 그대로) */
html.aimsell .admin-page .btn-primary, html.aimsell .admin-page .btn-secondary { width: auto; }
html.aimsell .admin-page .btn-primary { display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 14px; border: 0; border-radius: var(--as-radius-btn); background: var(--as-btn); color: #ffffff; font-size: 13px; font-weight: 700; box-shadow: none; }
html.aimsell .admin-page .btn-secondary { display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 14px; border: 0; border-radius: var(--as-radius-btn); background: var(--as-btn-2); color: var(--as-ink); font-size: 13px !important; font-weight: 600; box-shadow: none; }
html.aimsell .admin-page .btn-secondary:hover { background: #dde2e6; }
html.aimsell .admin-page .user-move-btn, html.aimsell .admin-page .admin-detail-btn { height: 28px; padding: 0 10px; border: 0; border-radius: var(--as-radius-btn); background: var(--as-btn-2); color: var(--as-ink); font-size: 12px; font-weight: 600; white-space: nowrap; }
html.aimsell .admin-page .user-move-btn:hover, html.aimsell .admin-page .admin-detail-btn:hover { background: #dde2e6; color: var(--as-ink); }
html.aimsell .admin-page .admin-delete-ws, html.aimsell .admin-page .admin-delete-user, html.aimsell .admin-page .admin-remove-member, html.aimsell .admin-page .admin-delete-template { color: var(--as-danger); background: #fdf1f0; }
html.aimsell .admin-page .admin-delete-ws:hover, html.aimsell .admin-page .admin-delete-user:hover, html.aimsell .admin-page .admin-remove-member:hover, html.aimsell .admin-page .admin-delete-template:hover { color: var(--as-danger); background: #fbe1df; }
html.aimsell .admin-page .admin-detail-btn + .admin-detail-btn { margin-left: 4px; }

/* 배지: 플랜·상태 한 규칙(단계 배지와 같은 모양, 색은 적게) */
html.aimsell .admin-page .admin-plan-badge { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 4px; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 1; background: var(--as-chip); color: var(--as-ink-2); }
html.aimsell .admin-page .admin-plan-pro { background: var(--as-accent-tint); color: var(--as-accent); }
html.aimsell .admin-page .admin-plan-basic { background: #eaf0f8; color: #2c5a8c; }
html.aimsell .admin-page .admin-plan-free_trial { background: #fdf3e3; color: #8a5a00; }
html.aimsell .admin-page .admin-plan-suspended { background: #fdecec; color: var(--as-danger); }

/* 빈 상태: 카드 안 가운데 회색 한 줄 */
html.aimsell .admin-page .admin-asset-empty { padding: 28px 20px; border: 0; background: transparent; font-size: 13px; color: var(--as-mute); text-align: center; }

/* 대시보드 숫자 6칸: 영업 현황 숫자 카드 모양(라벨 위·큰 숫자·회색 설명) */
html.aimsell .admin-page .admin-stats-grid { margin: 0 !important; gap: 0; background: var(--as-card); border: 1px solid var(--as-line); border-radius: var(--as-radius) var(--as-radius) 0 0; }
html.aimsell .admin-page .admin-stat-card { display: flex; flex-direction: column; padding: 16px 20px; border-left: 1px solid var(--as-line-soft); }
html.aimsell .admin-page .admin-stat-card:first-child { border-left: 0; }
html.aimsell .admin-page .admin-stat-card .admin-stat-label { order: -1; margin: 0; font-size: 13px; font-weight: 600; color: var(--as-ink); text-transform: none; letter-spacing: 0; }
html.aimsell .admin-page .admin-stat-card .admin-stat-value { margin-top: 10px; font-size: 30px; font-weight: 600; letter-spacing: -0.02em; color: var(--as-ink); }
html.aimsell .admin-page .admin-stat-card .admin-stat-sub { margin-top: 8px; font-size: 12px; color: var(--as-ink-2); }
/* AI 폴백(24시간) 줄: 숫자 카드 바로 아래 상태 줄(점 색은 켜짐 레이어가 붙인 data-state: ok 초록, warn 주황) */
html.aimsell .admin-page #admin-fallback-line { display: flex; align-items: center; gap: 8px; margin: 0 0 var(--as-gap) !important; padding: 9px 20px; background: var(--as-foot); border: 1px solid var(--as-line); border-top: 1px solid #eef0ef; border-radius: 0 0 var(--as-radius) var(--as-radius); font-size: 13px; color: var(--as-ink-2); }
html.aimsell .admin-page #admin-fallback-line:empty { display: none; }
html.aimsell .admin-page #admin-fallback-line::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--as-mute); }
html.aimsell .admin-page #admin-fallback-line[data-state="ok"]::before { background: #1f9d55; }
html.aimsell .admin-page #admin-fallback-line[data-state="warn"]::before { background: #e08a00; }
html.aimsell .admin-page .admin-cols { gap: var(--as-gap); }
html.aimsell .admin-page .admin-cols > .admin-section { min-width: 0; }
/* 카드 안 안쪽 상자(퍼널·비용·사용률)는 테두리 없이 */
html.aimsell .admin-page .admin-funnel, html.aimsell .admin-page .admin-cost-list, html.aimsell .admin-page .admin-usage-list { margin: 0; border: 0; border-radius: 0; background: transparent; padding: 16px 20px; }
html.aimsell .admin-page .admin-funnel-bar { background: var(--as-accent); }
/* 계정 관리: 조직 상세 카드 아래 간격(유저 목록 머리와 붙지 않게) */
html.aimsell .admin-page #admin-workspace-detail > .card { margin: 0 0 var(--as-gap); box-shadow: none; }
/* 에러 로그: 줄마다 떠 있던 상자를 카드 안 줄로(인라인 style 덮기, 해결된 줄 배경·펼침 display 는 그대로) */
html.aimsell .admin-page #admin-err-list > .admin-err-row { margin: 0 !important; padding: 12px 20px !important; border: 0 !important; border-bottom: 1px solid var(--as-line-soft) !important; border-radius: 0 !important; }
html.aimsell .admin-page #admin-err-list > .admin-err-row:last-child { border-bottom: 0 !important; }
html.aimsell .admin-page #admin-err-list > .admin-err-row:hover { background: #fafbfb !important; }
html.aimsell .admin-page .admin-err-detail { border-top-color: var(--as-line-soft) !important; }
/* 문의 관리: 거르기 줄은 카드 머리 아래 회색 띠, 줄은 좌우 여백 */
html.aimsell .admin-page .admin-section > div:has(> .admin-inq-filter) { margin: 0 !important; padding: 12px 20px; border-bottom: 1px solid var(--as-line-soft); background: var(--as-foot); }
html.aimsell .admin-page .admin-inq-filter { height: 30px; padding: 0 12px !important; border-radius: var(--as-radius-btn) !important; font-size: 13px !important; font-weight: 600; }
html.aimsell .admin-page #admin-inq-list > .admin-inq-row { padding: 14px 20px !important; border-bottom: 1px solid var(--as-line-soft) !important; }
html.aimsell .admin-page #admin-inq-list > .admin-inq-row:last-child { border-bottom: 0 !important; }
html.aimsell .admin-page #admin-inq-list > .admin-inq-row:hover { background: #fafbfb; }
html.aimsell .admin-page .admin-reply-textarea { border: 1px solid #dcdee1 !important; border-radius: 6px !important; font-size: 13px !important; }
html.aimsell .admin-page .admin-reply-submit { height: 32px; padding: 0 14px !important; border-radius: var(--as-radius-btn) !important; font-size: 13px !important; }
/* 가입심사: 하위 탭 줄·도메인 입력 줄은 카드 머리 아래 회색 띠, 신청 카드는 카드 안 줄로(버튼·확인 창 그대로) */
html.aimsell .admin-page #signup-subtabs { margin: 0 !important; padding: 12px 20px; border-bottom: 1px solid var(--as-line-soft); background: var(--as-foot); }
html.aimsell .admin-page .signup-subtab { height: 30px; padding: 0 12px; }
html.aimsell .admin-page #signup-list > .signup-card { margin: 0 !important; padding: 16px 20px !important; border: 0 !important; border-bottom: 1px solid var(--as-line-soft) !important; border-radius: 0 !important; }
html.aimsell .admin-page #signup-list > .signup-card:last-child { border-bottom: 0 !important; }
html.aimsell .admin-page #signup-list > p { margin: 0; padding: 28px 20px; text-align: center; color: var(--as-mute) !important; }
html.aimsell .admin-page #blocked-domains > div:has(> #bd-domain) { margin: 0 !important; padding: 12px 20px; border-bottom: 1px solid var(--as-line-soft); background: var(--as-foot); }

/* ---------- 발송 기록 칩·마우스 올림·누름·포커스 (108-claude, test_ui_aimsell_hover.js) ----------
   발송 기록 칩(.as-rec-chip): 영업 자료 발송 기록·전화 탭·기업 대시보드 활동 기록이 같은 부품. 흰 바탕 + 1px 회색 테두리 + Lucide 아이콘, 누른 뒤 Teal Tint 채움
   종류별 규칙: 주 버튼(검정) 조금 밝게·누름 1px / 보조(회색) 한 단계 진하게 / 테두리 버튼·칩 Teal / 글 링크 밑줄 / 표 줄 아주 옅은 바탕 / 꺼진 버튼은 그대로·커서 기본 */
html.aimsell .as-rec-chip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 1px solid #dcdee1; border-radius: var(--as-radius-btn); background: #ffffff; color: var(--as-ink); font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
html.aimsell .as-rec-chip svg { flex: none; color: var(--as-ink-2); }
html.aimsell .as-rec-chip.as-rec { height: 30px; padding: 0 10px; font-size: 12px; }
html.aimsell .as-rec-chip.is-done { border-color: var(--as-accent-tint); background: var(--as-accent-tint); color: var(--as-accent); }
html.aimsell .as-rec-chip.is-done svg, html.aimsell .as-rec-chip.is-on svg { color: var(--as-accent); }
html.aimsell .as-rec-chip:disabled { opacity: .6; cursor: default; }
html.aimsell .as-btn, html.aimsell .as-btn-2, html.aimsell .as-rec-chip, html.aimsell .as-filter-chip, html.aimsell .as-count-opt, html.aimsell .as-region-chip, html.aimsell .as-sig-toggle, html.aimsell .as-seg button, html.aimsell .as-po-change, html.aimsell .as-po-claim, html.aimsell .as-tab, html.aimsell .as-guide-acts button, html.aimsell .as-guide-row-go, html.aimsell .as-trial-cta { transition: background-color .12s, border-color .12s, color .12s, transform .06s; }
/* 주 버튼·보조 버튼: 누름 1px, 꺼진 버튼은 올려도 그대로 */
html.aimsell .as-btn:active:not(:disabled), html.aimsell .as-btn-2:active:not(:disabled), html.aimsell .as-rec-chip:active:not(:disabled), html.aimsell .as-filter-chip:active, html.aimsell .as-count-opt:active, html.aimsell .as-region-chip:active, html.aimsell .as-sig-toggle:active, html.aimsell .as-seg button:active, html.aimsell .as-po-change:active, html.aimsell .as-po-claim:active, html.aimsell .as-trial-cta:active, html.aimsell .as-guide-acts button:active, html.aimsell .as-guide-row-go:active { transform: translateY(1px); }
html.aimsell .as-btn:disabled:hover { background: #b9bbbe; }
/* 꺼진 버튼 커서 기본: style.css 전역 꺼짐 규칙(button[disabled]:not(...) 7개, not-allowed)보다 앞서게 :not(#as-none) 로 특정도를 올린다(!important 없이) */
html.aimsell .as-btn:disabled:not(#as-none), html.aimsell .as-btn-2:disabled:not(#as-none), html.aimsell .as-rec-chip:disabled:not(#as-none) { cursor: default; }
html.aimsell .as-btn-2:disabled:hover { background: var(--as-btn-2); }
/* 테두리 버튼·칩: 테두리·글 Deep Teal, 바탕 Teal Tint */
html.aimsell .as-rec-chip:hover:not(:disabled), html.aimsell .as-filter-chip:hover, html.aimsell .as-count-opt:hover, html.aimsell .as-region-chip:hover, html.aimsell .as-sig-toggle:hover, html.aimsell .as-seg button:hover, html.aimsell .as-po-change:hover, html.aimsell .as-po-claim:hover { border-color: var(--as-accent); background: var(--as-accent-tint); color: var(--as-accent); }
html.aimsell .as-rec-chip:hover:not(:disabled) svg { color: var(--as-accent); }
/* 탭: 글 진하게 + 밑줄 자리 옅은 회색 */
html.aimsell .as-tab:hover:not(.active) { color: var(--as-ink); border-bottom-color: #dcdee1; }
html.aimsell .as-seg-btn:hover:not(.active) { background: var(--as-paper); color: var(--as-ink); }
/* 글 링크: 밑줄 */
html.aimsell .as-link:hover { text-decoration: underline; }
html.aimsell .as-tl-del:hover { color: var(--as-danger); }
/* 시작하기 띠(진한 Teal 위)·말풍선·사이드바 */
html.aimsell .as-guide-acts button:hover, html.aimsell .as-guide-all-btn:hover, html.aimsell .as-guide-close:hover { background: rgba(255, 255, 255, .14); }
html.aimsell .as-guide-acts button.as-guide-go:hover { background: #e6f2f2; }
html.aimsell .as-guide-acts button.as-guide-skip:hover { background: transparent; opacity: 1; text-decoration: underline; }
html.aimsell .as-guide-row-go:hover { background: #00434f; }
html.aimsell .as-bubble-x:hover { opacity: 1; }
html.aimsell .as-trial-cta:hover { background: #e9edf0; }
html.aimsell .as-rail-user .nav-logout:hover { color: #ffffff; }
html.aimsell .as-ws-switch:hover .as-ws-knob { box-shadow: 0 0 0 3px var(--as-accent-tint); }
/* 결과 표 묶음 머리(Teal 띠 위 버튼): 조금 밝게 */
html.aimsell .as-rs-group-btn:hover { background: rgba(255, 255, 255, .08); }
/* 흰 바탕 테두리 버튼(예전 마크업 btn-secondary·btn-sub·btn-ghost.btn-sm, 126-claude): 올리면 옅은 회색 채움 + 테두리 조금 진하게, 글자색 그대로.
   맨 위 .btn-sm 검정 hover(예전 잉크 주 버튼)가 메일 템플릿 [수정] 같은 흰 버튼까지 검게 칠했다. 지우는 버튼(메일 템플릿·시그널 [삭제])은 같은 모양에 글자만 빨강 */
html.aimsell .btn-secondary, html.aimsell .btn-sub, html.aimsell .btn-ghost.btn-sm, html.aimsell .btn.sig-f-delete { transition: background-color .15s, border-color .15s, color .15s; }
html.aimsell .btn-secondary:hover:not(:disabled), html.aimsell .btn-sub:hover:not(:disabled), html.aimsell .btn-ghost.btn-sm:hover:not(:disabled), html.aimsell .btn.sig-f-delete:hover:not(:disabled) { background: #F4F5F7; border-color: #C9CED3; }
html.aimsell .mt-row .btn.mt-del:hover:not(:disabled), html.aimsell .sig-form .btn.sig-f-delete:hover:not(:disabled) { color: #D93025; }
/* 키보드 포커스: Teal 2px 바깥선 */
html.aimsell button:focus-visible, html.aimsell a:focus-visible { outline: 2px solid var(--as-accent-icon); outline-offset: 2px; }

/* ---------- 소개서 관리 ② AI 시나리오 결과·직접 작성·편집 폼 (109-claude) ----------
   aimsell-my.js layoutAiPrompt 가 고름 표시(stepMark)·업종 아이콘·접힌 줄 요약·바닥 줄을 붙이고, 모양은 여기서. my.js 의 체크박스·입력칸은 그대로(저장이 읽는다) */
html.aimsell { accent-color: var(--as-accent); } /* 남은 브라우저 기본 체크박스·라디오 */
html.aimsell .ai-ctx-prompt { padding: 0; background: #ffffff; border: 1px solid var(--as-line); border-radius: var(--as-radius); }
html.aimsell .ai-ctx-prompt > .ai-ctx-loading, html.aimsell .ai-ctx-prompt > .ob-inline-hint, html.aimsell .ai-ctx-prompt > p { margin: 0; padding: 16px 20px 0; }
html.aimsell .ai-ctx-prompt > div:has(> .ai-ctx-retry-btn) { padding: 12px 20px 16px; }
html.aimsell .ai-ctx-prompt.as-ai .ai-ctx-prompt-header { display: block; padding: 18px 20px 0; margin: 0; }
html.aimsell .ai-ctx-prompt.as-ai .ai-ctx-prompt-header strong { font-size: 15px; font-weight: 700; color: var(--as-ink); }
html.aimsell .as-ai-desc { display: block; margin-top: 4px; font-size: 12px; color: var(--as-ink-2); }
html.aimsell .ai-ctx-prompt.as-ai .ai-select-all { display: inline-flex; align-items: center; gap: 8px; margin: 12px 20px 10px; font-size: 13px; color: var(--as-ink-2); }
html.aimsell .ai-ctx-prompt.as-ai .ai-select-all input, html.aimsell .ai-ctx-prompt.as-ai .ai-play-check { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
html.aimsell .ai-ctx-prompt.as-ai .ai-ctx-result { margin: 0; padding: 0 20px; }
html.aimsell .as-pick { display: inline-flex; flex: none; cursor: pointer; border-radius: 50%; }
html.aimsell .as-pick:focus-visible { outline: 2px solid var(--as-accent-icon); outline-offset: 2px; }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-section { margin-bottom: 10px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #ffffff; overflow: visible; }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-section.as-off { background: var(--as-foot); }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-header { gap: 10px; padding: 14px 16px; border-radius: var(--as-radius); background: transparent; }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-header:hover { background: var(--as-paper); }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-header > svg:not(.ai-play-chevron) { flex: none; width: 18px; height: 18px; color: var(--as-accent); }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-num { display: none; }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-summary { flex: 0 1 auto; font-size: 14px; font-weight: 700; color: var(--as-ink); }
html.aimsell .as-ai-sum { display: none; flex: 1; flex-wrap: wrap; align-items: center; gap: 6px; margin-left: 4px; }
html.aimsell .ai-play-section.as-closed .as-ai-sum { display: inline-flex; }
html.aimsell .as-ai-sum .as-ai-size { height: 22px; padding: 0 8px; border-radius: 4px; background: var(--as-chip); font-size: 12px; line-height: 22px; color: var(--as-ink-2); }
html.aimsell .as-ai-sum .as-ai-sig { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: var(--as-accent); }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-chevron { margin-left: auto; color: var(--as-mute); }
html.aimsell .ai-ctx-prompt.as-ai .ai-play-body { padding: 4px 16px 16px; }
/* 입력칸·라벨(AI 결과·직접 작성·편집 폼 공용) */
html.aimsell .ai-ctx-prompt .ctx-field-label, html.aimsell .my-ctx-card.structured .ctx-field-label { display: block; margin: 12px 0 6px; font-size: 12px; font-weight: 700; color: var(--as-ink-2); }
html.aimsell .ai-ctx-prompt .form-input, html.aimsell .my-ctx-card.structured .form-input { width: 100%; height: 40px; padding: 0 12px; box-sizing: border-box; border: 1px solid #dcdee1; border-radius: 6px; background: #ffffff; font: inherit; font-size: 14px; color: var(--as-ink); }
html.aimsell .ai-ctx-prompt textarea.form-input, html.aimsell .my-ctx-card.structured textarea.form-input { height: auto; min-height: 76px; padding: 10px 12px; line-height: 1.6; overflow: hidden; resize: none; field-sizing: content; }
html.aimsell .ai-ctx-prompt .form-input:focus, html.aimsell .my-ctx-card.structured .form-input:focus { outline: 2px solid var(--as-accent-tint); border-color: var(--as-accent); }
/* 기업 규모: 체크박스 대신 칩 토글(고객사 서칭 결과 수 칩 모양) */
html.aimsell .ai-ctx-prompt .my-ctx-checks, html.aimsell .my-ctx-card.structured .my-ctx-checks { display: flex; flex-wrap: wrap; gap: 8px; }
html.aimsell .ai-ctx-prompt .my-ctx-check-label, html.aimsell .my-ctx-card.structured .my-ctx-check-label { position: relative; display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border: 1px solid #dcdee1; border-radius: 6px; background: #ffffff; font-size: 13px; color: var(--as-ink-2); cursor: pointer; transition: background-color .12s, border-color .12s, color .12s; }
html.aimsell .ai-ctx-prompt .my-ctx-check-label input, html.aimsell .my-ctx-card.structured .my-ctx-check-label input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
html.aimsell .ai-ctx-prompt .my-ctx-check-label:hover, html.aimsell .my-ctx-card.structured .my-ctx-check-label:hover { border-color: var(--as-accent); background: var(--as-accent-tint); color: var(--as-accent); }
html.aimsell .ai-ctx-prompt .my-ctx-check-label:has(input:checked), html.aimsell .my-ctx-card.structured .my-ctx-check-label:has(input:checked) { border-color: var(--as-accent); background: var(--as-accent-tint); color: var(--as-accent); font-weight: 700; }
html.aimsell .ai-ctx-prompt .my-ctx-check-label:has(input:focus-visible), html.aimsell .my-ctx-card.structured .my-ctx-check-label:has(input:focus-visible) { outline: 2px solid var(--as-accent-icon); outline-offset: 2px; }
/* 시그널: 고객사 서칭 카드와 같은 번개 칩(Teal 테두리), 기간은 작은 글 */
html.aimsell .ai-ctx-prompt .sig-chip { gap: 6px; padding: 6px 10px; border: 1px solid var(--as-accent); border-radius: 6px; background: #ffffff; font-size: 13px; font-weight: 600; color: var(--as-ink); }
html.aimsell .ai-ctx-prompt .sig-chip .as-bolt { flex: none; color: var(--as-accent-icon); }
html.aimsell .ai-ctx-prompt .sig-chip em { font-size: 11px; font-weight: 400; color: var(--as-mute); }
/* 바닥 고정 줄 */
html.aimsell .as-ai-bar { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: 8px; margin: 12px -20px 0; padding: 12px 20px; border-top: 1px solid var(--as-line); border-radius: 0 0 var(--as-radius) var(--as-radius); background: #ffffff; }
html.aimsell .as-ai-count { margin-right: auto; font-size: 13px; font-weight: 600; color: var(--as-ink-2); }

/* ---------- 기업 대시보드 v2 (112-claude 확정 시안 _overnight/ref/dash_v2, 대표 승인 10/29 22:07) ----------
   ref 11 과 같은 결: 작은 글씨·얇은 선·여백. 바탕 #F4F5F7, 카드 흰색 1px #E6E8EB 8px, 카드 머리 13px 굵게 + 11px 회색 + 아래 선.
   블록은 components/aimsell-dash.js, 머리·오른쪽 열은 pages/account.js */
html.aimsell .main-content:has(> .ad-page) { background: #F4F5F7; }
html.aimsell .ad-page { font-size: 13px; letter-spacing: -0.01em; word-break: keep-all; color: var(--as-ink); background: #F4F5F7; }
html.aimsell .ad-head { display: flex; flex-direction: column; gap: 10px; padding: 18px var(--as-pad-x) 0; background: #ffffff; border-bottom: 1px solid #E6E8EB; }
html.aimsell .ad-crumbs { font-size: 11px; color: #868B92; }
html.aimsell .ad-crumbs span { color: #007A7A; }
html.aimsell .ad-crumb { padding: 0; border: 0; background: none; font: inherit; color: #868B92; cursor: pointer; }
html.aimsell .ad-crumb:hover { text-decoration: underline; }
html.aimsell .ad-title-row { display: flex; align-items: center; gap: 10px; }
html.aimsell .ad-name { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: #007A7A; }
html.aimsell .ad-badge-run { display: inline-flex; align-items: center; gap: 6px; height: 20px; padding: 0 8px; border-radius: 4px; background: #1A1A1A; color: #ffffff; font-size: 11px; font-weight: 700; }
html.aimsell .ad-badge-run i { width: 6px; height: 6px; border-radius: 3px; background: #6ec7cc; animation: lxBlink 1.2s ease-in-out infinite; } /* 키프레임은 style.css 것을 쓴다(켜짐 CSS 에 전역 @keyframes 금지) */
html.aimsell .ad-badge-run.ad-badge-stop { background: #EEF0F2; color: #5D6268; }
html.aimsell .ad-badge-run.ad-badge-stop i { display: none; }
html.aimsell .ad-badge-run.ad-badge-done { background: #E5F4F4; color: #007A7A; }
html.aimsell .ad-badge-run.ad-badge-done i { background: #007A7A; animation: none; }
html.aimsell .ad-intro { margin: -4px 0 0; font-size: 12px; line-height: 1.6; color: #5D6268; }
html.aimsell .ad-other { padding: 0; border: 0; background: none; font: inherit; font-size: 11px; color: #6B7178; text-decoration: underline; cursor: pointer; }
html.aimsell .ad-other:hover { color: #007A7A; }
html.aimsell .ad-meta { display: flex; flex-wrap: wrap; gap: 14px 40px; padding: 4px 0 6px; }
html.aimsell .ad-meta-i { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html.aimsell .ad-lb { font-size: 11px; color: #868B92; line-height: 1.5; }
html.aimsell .ad-sel { display: inline-flex; align-items: center; min-width: 118px; height: 30px; box-sizing: border-box; padding: 0 10px; border: 1px solid #D9DCE0; border-radius: 6px; background: #ffffff; font-size: 12px; font-weight: 500; color: var(--as-ink); }
html.aimsell .ad-owner .as-po-claim, html.aimsell .ad-owner .as-po-change, html.aimsell .ad-owner .as-po-name { display: inline-flex; align-items: center; min-width: 118px; height: 30px; box-sizing: border-box; padding: 0 10px; border: 1px solid #D9DCE0; border-radius: 6px; background: #ffffff; font: inherit; font-size: 12px; font-weight: 500; color: var(--as-ink); cursor: pointer; }
html.aimsell .ad-owner .as-po-name { cursor: default; }
/* 132-claude 1: 기업 대시보드 머리 담당 칸. 담당 없음은 주 버튼 작은 크기(Teal 채움·흰 글자·Lucide user-plus 14px), 담당 있음(바꾸기)은 오른쪽 작은 화살표.
   아이콘은 글자를 바꾸지 않게 가상 요소로(담당 칸 글자는 aimsell-cards.js ownerHtml 하나). 영업 현황·타겟 목록 줄의 담당 버튼은 그대로 */
html.aimsell .ad-owner .as-po-claim { gap: 6px; justify-content: center; border-color: #007A7A; background: #007A7A; color: #ffffff; font-weight: 600; }
html.aimsell .ad-owner .as-po-claim:hover { border-color: #009A9A; background: #009A9A; color: #ffffff; }
html.aimsell .ad-owner .as-po-claim::before { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' x2='19' y1='8' y2='14'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E") center / 14px 14px no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' x2='19' y1='8' y2='14'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E") center / 14px 14px no-repeat; }
html.aimsell .ad-owner .as-po-change { justify-content: space-between; gap: 8px; }
html.aimsell .ad-owner .as-po-change::after { content: ""; flex: none; width: 12px; height: 12px; background: #868B92; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 12px 12px no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 12px 12px no-repeat; }
html.aimsell .ad-contacts { display: flex; flex-wrap: wrap; gap: 6px 28px; }
html.aimsell .ad-contacts > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html.aimsell .ad-contacts b { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; }
html.aimsell .ad-contacts b svg { flex: none; color: #5D6268; }
html.aimsell .ad-contacts .as-link { font-size: 12px; font-weight: 700; }
html.aimsell .ad-tabs-row { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
html.aimsell .ad-tabs { padding: 0; border-bottom: 0; gap: 0; background: transparent; }
html.aimsell .ad-tabs .as-tab { height: auto; padding: 10px 2px; margin-right: 18px; font-size: 12px; color: #6B7178; border-bottom-width: 2px; }
html.aimsell .ad-tabs .as-tab.active { color: #1A1A1A; font-weight: 700; border-bottom-color: #1A1A1A; }
html.aimsell .ad-rdate { display: inline-flex; align-items: center; gap: 6px; padding-bottom: 10px; }
html.aimsell .ad-rdate i { width: 6px; height: 6px; border-radius: 3px; background: #009A9A; }
html.aimsell .ad-warn { display: flex; align-items: center; gap: 6px; margin: 0; padding: 10px var(--as-pad-x); background: #FFF7ED; border-bottom: 1px solid #F3E2CF; font-size: 12px; color: #9A3412; }
html.aimsell .ad-warn svg { flex: none; color: #C2410C; }
html.aimsell .ad-main { display: flex; flex-direction: column; gap: 14px; padding: 18px var(--as-pad-x) 48px; }
html.aimsell .ad-wide { display: flex; flex-direction: column; gap: 14px; }
html.aimsell .ad-wide[hidden], html.aimsell .ad-wide:empty { display: none; }
html.aimsell .ad-cols { grid-template-columns: minmax(0, 1fr) 300px; gap: 14px; }
html.aimsell .ad-cols .as-acc-main, html.aimsell .ad-cols .as-acc-side, html.aimsell .ad-page .as-tab-pane { gap: 14px; }
html.aimsell .ad-card { overflow: hidden; border: 1px solid #E6E8EB; border-radius: 8px; background: #ffffff; }
html.aimsell .ad-ch { display: flex; align-items: baseline; gap: 8px; padding: 14px 18px; border-bottom: 1px solid #EEF0F2; }
html.aimsell .ad-ct { margin: 0; font-size: 13px; font-weight: 700; color: var(--as-ink); }
html.aimsell .ad-cs { font-size: 11px; color: #868B92; }
html.aimsell .ad-cs.ad-wait { color: #007A7A; font-weight: 700; }
html.aimsell .ad-ch > .as-push, html.aimsell .ad-ch > .ad-open-all { margin-left: auto; }
html.aimsell .ad-ch .as-link { font-size: 11px; }
html.aimsell .ad-body { display: flex; flex-direction: column; gap: 14px; padding: 16px 18px 18px; }
html.aimsell .ad-body-tight { gap: 0; padding: 4px 18px 6px; }
html.aimsell .ad-mut { font-size: 12px; line-height: 1.6; color: #5D6268; }
html.aimsell .ad-sub { font-size: 11px; color: #868B92; font-weight: 400; }
html.aimsell .ad-none { font-size: 13px; color: #868B92; }
html.aimsell .ad-btn-s { height: auto; padding: 6px 10px; border: 0; border-radius: 5px; background: #EEF0F2; font: inherit; font-size: 11px; font-weight: 500; color: var(--as-ink); cursor: pointer; white-space: nowrap; }
html.aimsell .ad-btn-s:hover { background: #E1E4E8; }
html.aimsell .ad-btn-ghost { background: transparent; }
html.aimsell .ad-page .as-btn { height: 34px; padding: 0 12px; font-size: 12px; }
/* 회사 현황·차량 운영: 4칸 */
html.aimsell .ad-grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
html.aimsell .ad-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
html.aimsell .ad-grid4.ad-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html.aimsell .ad-cell { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 18px; border-right: 1px solid #EEF0F2; }
html.aimsell .ad-grid4 > .ad-cell:last-child, html.aimsell .ad-grid3 > .ad-cell:last-child { border-right: 0; }
html.aimsell .ad-numrow { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 4px; }
html.aimsell .ad-num { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
html.aimsell .ad-unit { font-size: 12px; font-weight: 500; }
html.aimsell .ad-chg { font-size: 11px; font-weight: 700; color: #007A7A; }
html.aimsell .ad-chg[data-kind="down"] { color: #C2410C; }
html.aimsell .ad-line { display: block; overflow: visible; }
/* 134-claude 1: 회사 현황 꺾은선은 선만 SVG, 점·숫자·연도는 HTML(칸 폭의 % 자리). 어떤 폭에서도 글자·점 모양 그대로 */
html.aimsell .ad-chart { position: relative; height: 76px; }
html.aimsell .ad-chart > .ad-line { position: absolute; inset: 0; }
html.aimsell .ad-dot { position: absolute; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #009A9A; }
html.aimsell .ad-cv, html.aimsell .ad-cy { position: absolute; font-size: 11px; line-height: 1; white-space: nowrap; }
html.aimsell .ad-cv { transform: translate(-50%, -100%); color: #5D6268; }
html.aimsell .ad-cy { bottom: 0; transform: translateX(-50%); color: #868B92; }
html.aimsell .ad-line-t { line-height: 1.5; }
html.aimsell .ad-clamp2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
html.aimsell .ad-tag { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 4px; background: #E5F4F4; color: #007A7A; font-size: 11px; font-weight: 700; }
html.aimsell .ad-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 18px; border-top: 1px solid #EEF0F2; background: #FAFBFB; font-size: 11px; color: #6B7178; }
html.aimsell .ad-done { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; color: #007A7A; }
html.aimsell .ad-park { padding: 14px 18px 16px; border-top: 1px solid #EEF0F2; }
html.aimsell .ad-park-head { margin-bottom: 8px; font-size: 12px; }
html.aimsell .ad-table { width: 100%; border-collapse: collapse; font-size: 12px; }
html.aimsell .ad-table th { padding: 6px 0; font-size: 11px; font-weight: 400; color: #868B92; text-align: left; }
html.aimsell .ad-table td { padding: 9px 8px 9px 0; border-top: 1px solid #EEF0F2; vertical-align: top; }
html.aimsell .ad-near { margin: 8px 0 0; font-size: 11px; color: #6B7178; }
/* 공략 방향 */
/* 115-claude: 글은 자르지 않고 전부(대표 결정). 첫 문장 14px 600, 나머지 13px 회색, 문장이 3개를 넘으면 2개씩 문단(문단 사이 6px) */
html.aimsell .ad-lead { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.55; }
html.aimsell .ad-rest { display: flex; flex-direction: column; gap: 6px; margin: -4px 0 0; }
html.aimsell .ad-rest p { margin: 0; font-size: 13px; line-height: 1.7; color: #5D6268; }
html.aimsell .ad-sig { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 6px; background: #EAF6F6; }
html.aimsell .ad-sig-k { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: #007A7A; }
html.aimsell .ad-sig-t { font-size: 13px; line-height: 1.55; }
html.aimsell .ad-points { display: flex; flex-direction: column; padding-top: 14px; border-top: 1px solid #EEF0F2; }
html.aimsell .ad-point { display: flex; gap: 14px; padding: 14px 0; }
html.aimsell .ad-point + .ad-point { border-top: 1px solid #EEF0F2; }
html.aimsell .ad-pn { flex: none; width: 10px; font-size: 12px; font-weight: 700; color: #007A7A; }
html.aimsell .ad-point b { display: block; font-size: 13px; font-weight: 600; line-height: 1.55; }
html.aimsell .ad-point p { margin: 4px 0 0; font-size: 13px; line-height: 1.65; color: #5D6268; }
/* 리서치 리포트 섹션 */
html.aimsell .ad-sec + .ad-sec, html.aimsell .ad-sec + .ad-sec-wait { border-top: 1px solid #EEF0F2; }
html.aimsell .ad-sec-h { display: flex; align-items: baseline; gap: 8px; width: 100%; padding: 12px 0; border: 0; background: none; font: inherit; text-align: left; color: var(--as-ink); cursor: pointer; }
html.aimsell .ad-sec-h b { flex: none; font-size: 12px; }
html.aimsell .ad-sec-h:hover { color: var(--as-accent); }
html.aimsell .ad-chev { flex: none; transition: transform .15s; }
html.aimsell .ad-sec.open .ad-chev { transform: rotate(90deg); }
html.aimsell .ad-sec-b { display: none; padding: 0 0 12px; }
html.aimsell .ad-sec.open .ad-sec-b { display: block; }
html.aimsell .ad-tbl2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; padding: 12px 18px; border-top: 1px solid #EEF0F2; font-size: 12px; line-height: 1.6; }
html.aimsell .ad-tbl2-h { padding: 6px 18px; background: #FAFBFB; }
html.aimsell .ad-tbl2 b { font-size: 12px; }
html.aimsell .ad-conf { display: inline-flex; align-items: center; height: 18px; margin-bottom: 4px; padding: 0 6px; border-radius: 4px; background: #F1F3F5; font-size: 11px; font-weight: 700; color: #5D6268; }
html.aimsell .ad-conf + b { display: block; }
html.aimsell .ad-conf[data-c="high"] { background: #E5F4F4; color: #007A7A; }
html.aimsell .ad-row2 { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; border-top: 1px solid #EEF0F2; font-size: 12px; line-height: 1.6; }
html.aimsell .ad-imp { color: #007A7A; }
html.aimsell .ad-p { margin: 0 0 8px; font-size: 12px; line-height: 1.6; }
html.aimsell .ad-kv { display: grid; gap: 6px; margin: 0; font-size: 12px; }
html.aimsell .ad-kv > div { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 12px; }
html.aimsell .ad-kv dt { color: #868B92; }
html.aimsell .ad-kv dd { margin: 0; line-height: 1.6; }
html.aimsell .ad-grp { margin: 12px 0 6px; }
html.aimsell .ad-src { margin: 0; padding-left: 16px; font-size: 12px; line-height: 1.8; }
html.aimsell .ad-src .as-link { font-size: 12px; font-weight: 500; }
/* 제안 논리 */
html.aimsell .ad-lg { font-size: 13px; line-height: 1.5; }
html.aimsell .ad-ul { margin: 0; padding-left: 16px; font-size: 12px; line-height: 1.6; color: #5D6268; }
html.aimsell .ad-ul li + li { margin-top: 6px; }
html.aimsell .ad-roi { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 10px 18px; border-top: 1px solid #EEF0F2; font-size: 12px; }
html.aimsell .ad-maps { padding: 10px 18px 12px; border-top: 1px solid #EEF0F2; font-size: 12px; }
html.aimsell .ad-maps summary { display: inline-flex; align-items: center; gap: 6px; list-style: none; color: #5D6268; cursor: pointer; }
html.aimsell .ad-maps summary::-webkit-details-marker { display: none; } /* 브라우저 기본 삼각형 대신 리포트 섹션과 같은 화살표(115-claude) */
html.aimsell .ad-maps[open] > summary .ad-chev { transform: rotate(90deg); }
html.aimsell .ad-maps .ad-table { margin-top: 8px; }
/* 오른쪽 열 */
html.aimsell .ad-next { gap: 12px; align-items: flex-start; padding: 14px 18px; }
html.aimsell .ad-next p { margin: 0; }
html.aimsell .ad-mats { gap: 0; padding: 4px 18px 14px; }
html.aimsell .ad-mats .as-mat { gap: 10px; padding: 12px 0; border-bottom: 1px solid #EEF0F2; font-size: 12px; }
html.aimsell .ad-mats .as-mat b { white-space: normal; }
html.aimsell .ad-mats .as-mat-btns { gap: 6px; margin-top: 10px; }
html.aimsell .ad-page .as-rec-btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
html.aimsell .ad-page .as-rec-chip.as-rec { justify-content: center; height: 30px; padding: 0 6px; font-size: 11px; }
html.aimsell .ad-page .as-timeline { font-size: 12px; }
/* 자리표시(리서치 중) */
html.aimsell .ad-sk { display: flex; flex-direction: column; gap: 8px; padding: 4px 0; }
html.aimsell .ad-sk i { display: block; height: 10px; border-radius: 5px; background: linear-gradient(90deg, #EEF0F2 0%, #F6F7F8 50%, #EEF0F2 100%); background-size: 200% 100%; animation: sk-pulse 1.4s linear infinite; }
html.aimsell .ad-sec-wait { padding: 8px 0 12px; }
/* 리서치 중 진행 카드(112-claude A, 시안 research_progress): % 30px·남은 시간·5단계 막대 3px·읽은 자료 칩 */
html.aimsell .ad-run-prog:empty { display: none; }
html.aimsell .ad-run-intro { display: flex; flex-direction: column; gap: 8px; }
html.aimsell .ad-run-intro:empty { display: none; }
html.aimsell .ad-run-intro .ad-intro { margin: 0; }
html.aimsell .ad-run-phone { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12px; color: #5D6268; }
html.aimsell .ad-run-phone b { color: var(--as-ink); }
html.aimsell .ad-head-run { padding-bottom: 16px; } /* 리서치 중에는 탭 줄이 없다 */
html.aimsell .ad-prog .ad-ch .ad-cancel { margin-left: auto; }
html.aimsell .ad-prog > .ad-body { display: flex; flex-direction: column; gap: 14px; padding: 16px 18px; }
html.aimsell .ad-pct-row { display: flex; align-items: center; gap: 14px; }
html.aimsell .ad-pct { font-size: 30px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
html.aimsell .ad-pct small { margin-left: 3px; font-size: 14px; font-weight: 700; }
html.aimsell .ad-pct-t { display: flex; flex-direction: column; gap: 2px; }
html.aimsell .ad-pct-t b { font-size: 12px; }
html.aimsell .ad-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
html.aimsell .ad-step { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html.aimsell .ad-step-bar { display: block; height: 3px; border-radius: 2px; background: #E6E8EB; overflow: hidden; }
html.aimsell .ad-step[data-st="now"] .ad-step-bar { background: #CDEBEB; }
html.aimsell .ad-step-bar i { display: block; height: 100%; background: #009A9A; transition: width .3s linear; }
html.aimsell .ad-step-t { display: flex; align-items: center; gap: 6px; min-width: 0; }
html.aimsell .ad-step-t b { font-size: 12px; font-weight: 700; }
html.aimsell .ad-step[data-st="todo"] .ad-step-t b { font-weight: 500; color: #5D6268; }
html.aimsell .ad-step-sub { padding-left: 20px; font-size: 11px; color: #868B92; }
html.aimsell .ad-step[data-st="now"] .ad-step-sub { font-weight: 700; color: #007A7A; }
html.aimsell .ad-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
html.aimsell .ad-chip { padding: 2px 8px; border: 1px solid #E6E8EB; border-radius: 999px; font-size: 11px; color: #5D6268; }
html.aimsell .ad-prog .as-trial-note { margin: 0; }
html.aimsell .ad-prog-err { display: flex; flex-direction: column; gap: 6px; }
html.aimsell .ad-prog-err > b { font-size: 14px; }
html.aimsell .ad-prog-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
html.aimsell .ad-prog-done .ad-ch { border-bottom: 0; }
html.aimsell .ad-prog-done .ad-done { font-size: 12px; }
@media (max-width: 1100px) {
  html.aimsell .ad-cols { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
  html.aimsell .ad-grid4, html.aimsell .ad-grid4.ad-n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.aimsell .ad-grid4 > .ad-cell:nth-child(2n) { border-right: 0; }
  html.aimsell .ad-grid4 > .ad-cell:nth-child(n + 3) { border-top: 1px solid #EEF0F2; }
  html.aimsell .ad-grid3 { grid-template-columns: minmax(0, 1fr); }
  html.aimsell .ad-grid3 > .ad-cell { border-right: 0; border-bottom: 1px solid #EEF0F2; }
  html.aimsell .ad-tbl2 { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 12px 0; }
  html.aimsell .ad-tbl2-h { display: none; }
  html.aimsell .ad-kv > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  html.aimsell .ad-meta { gap: 12px 20px; }
  html.aimsell .ad-park { overflow-x: auto; }
  html.aimsell .ad-steps { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  html.aimsell .ad-step { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
  html.aimsell .ad-step-bar { order: 3; flex: 1 0 100%; }
  html.aimsell .ad-step-sub { padding-left: 0; margin-left: auto; }
}

/* ---------- 내 계정 팀 탭 팀원 표 (119-claude, components/aimsell-my.js styleTeamTable, my.js 무수정) ---------- */
html.aimsell .team-table.as-table { border: 0; border-radius: 0; background: none; font-size: 13px; }
html.aimsell .team-table.as-table th { background: none; text-transform: none; letter-spacing: 0; white-space: nowrap; }
html.aimsell .team-table .team-drill-arrow { display: none; }
html.aimsell .team-table .as-tm-chev { display: inline-block; color: #868B92; transition: transform .15s; vertical-align: middle; }
html.aimsell .team-table tr.is-open .as-tm-chev { transform: rotate(90deg); }