/* _content/HelpCenterWeb/Components/Pages/Start.razor.rz.scp.css */
.hm[b-g4nksliadq] { max-width: 760px; margin: 8px auto; }

.hm-hello[b-g4nksliadq] { background: linear-gradient(135deg, #1f3b57, #2f6690); color: #fff;
            border-radius: 14px; padding: 22px 24px; margin-bottom: 18px;
            box-shadow: 0 6px 18px rgba(31, 59, 87, .25); }
.hm-hi[b-g4nksliadq] { font-size: 1.05rem; opacity: .9; }
.hm-q[b-g4nksliadq] { font-size: 1.6rem; font-weight: 700; margin-top: 2px; }
.hm-screen[b-g4nksliadq] { margin-top: 10px; background: rgba(255,255,255,.14); display: inline-block;
             padding: 4px 12px; border-radius: 20px; font-size: .95rem; }
.hm-screen-lbl[b-g4nksliadq] { opacity: .8; }

.hm-grid[b-g4nksliadq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }

.hm-card[b-g4nksliadq] { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 12px;
           background: #fff; color: #222; text-decoration: none; border: 1px solid #e3e7ec;
           box-shadow: 0 2px 6px rgba(0,0,0,.05); transition: transform .12s, box-shadow .12s; }
a.hm-card:hover[b-g4nksliadq] { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.10); }
.hm-main[b-g4nksliadq] { grid-column: 1 / -1; padding: 20px; border-width: 2px; }

.hm-ico[b-g4nksliadq] { flex: 0 0 52px; height: 52px; border-radius: 12px; display: flex;
          align-items: center; justify-content: center; }
.hm-ico svg[b-g4nksliadq] { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8;
              stroke-linecap: round; stroke-linejoin: round; }
.hm-txt[b-g4nksliadq] { display: flex; flex-direction: column; }
.hm-txt b[b-g4nksliadq] { font-size: 1.08rem; }
.hm-txt small[b-g4nksliadq] { color: #667; margin-top: 3px; }

.c-blue   .hm-ico[b-g4nksliadq] { background: #e3efff; color: #1f6fd1; }
.c-green  .hm-ico[b-g4nksliadq] { background: #e1f6ea; color: #1b8a4b; }
.c-purple .hm-ico[b-g4nksliadq] { background: #efe7ff; color: #6a3fd1; }
.c-purple[b-g4nksliadq] { border-color: #cdb9ff; }
.c-orange .hm-ico[b-g4nksliadq] { background: #fff0e0; color: #d27414; }
.c-gray   .hm-ico[b-g4nksliadq] { background: #eceff3; color: #4b5866; }

.hm-disabled[b-g4nksliadq] { opacity: .55; cursor: default; }

.hm-empty[b-g4nksliadq] { text-align: center; margin-top: 60px; color: #555; font-size: 1.1rem; }
/* _content/HelpCenterWeb/HelpCenter/Components/HelpChat.razor.rz.scp.css */
.hc-chat[b-tslt1o5cqm] { display: flex; flex-direction: column; gap: 8px; max-width: 720px; font-family: Segoe UI, Arial, sans-serif; }
.hc-head[b-tslt1o5cqm] { display: flex; justify-content: space-between; font-weight: 600; font-size: 1.05rem; }
.hc-ticket[b-tslt1o5cqm] { color: #666; font-weight: 400; }
.hc-msgs[b-tslt1o5cqm] { display: flex; flex-direction: column; gap: 6px; max-height: 60vh; overflow-y: auto;
           border: 1px solid #ddd; border-radius: 6px; padding: 8px; background: #fafafa; }
.hc-msg[b-tslt1o5cqm] { border-radius: 6px; padding: 6px 10px; max-width: 90%; }
.hc-user[b-tslt1o5cqm] { align-self: flex-start; background: #e3f0ff; }
.hc-ai[b-tslt1o5cqm], .hc-support[b-tslt1o5cqm] { align-self: flex-end; background: #fff; border: 1px solid #e2e2e2; }
.hc-system[b-tslt1o5cqm] { align-self: center; background: #fff4d6; font-size: .9rem; }
.hc-who[b-tslt1o5cqm] { font-size: .75rem; color: #777; margin-bottom: 2px; }
.hc-text[b-tslt1o5cqm] { white-space: pre-wrap; line-height: 1.45; }
.hc-input[b-tslt1o5cqm] { width: 100%; box-sizing: border-box; padding: 6px; font: inherit; }
.hc-actions[b-tslt1o5cqm], .hc-feedback[b-tslt1o5cqm] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.hc-send[b-tslt1o5cqm] { padding: 6px 18px; }
.hc-files[b-tslt1o5cqm] { font-size: .85rem; color: #555; }
.hc-error[b-tslt1o5cqm] { color: #b00020; }
.hc-info[b-tslt1o5cqm] { color: #0a6b2e; }
