/* Shared command design. Loaded after the original styles so the host page stays compatible. */
:root { --command-ink:#173e36; --command-accent:#176c55; --command-line:#dce8e2; }
.floating-chat-panel { width:min(680px,calc(100vw - 48px)); height:min(860px,calc(100dvh - 48px)); border-radius:26px; box-shadow:0 24px 90px #123c3433; }
.chat-header { padding:20px 24px; background:linear-gradient(115deg,#103f35,#1c7359); }
.command-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 24px; background:#fff; border-bottom:1px solid var(--command-line); flex-shrink:0; }
.command-kicker { display:block; color:#657e73; font-size:9px; font-weight:700; letter-spacing:1.4px; margin-bottom:4px; }
.command-toolbar strong { font-size:15px; color:var(--command-ink); }
.command-toolbar button { border:1px solid var(--command-line); background:#f5f9f6; color:var(--command-accent); border-radius:10px; min-height:36px; padding:6px 12px; cursor:pointer; font-size:12px; font-weight:700; }
.command-toolbar button[hidden] { display:none; }
.floating-chat-panel .messages { padding:24px 20px 12px; background:#f3f7f4; scroll-padding-top:16px; scroll-behavior:auto; }
.floating-chat-panel .message-stack { min-width:0; }
.floating-chat-panel :is(.choice-stack,.catalog-stack,.detail-stack,.payout-stack,.profile-stack,.table-stack,.dashboard-stack,.document-stack) { width:calc(100% - 39px); max-width:calc(100% - 39px)!important; }
.message.bot { align-items:flex-start; }
.bot-avatar { margin-top:4px; box-shadow:none; border-radius:11px; background:#176c55; }
.bubble { font-size:13px; line-height:1.65; }
.bot .bubble { box-shadow:none; border-color:#e2eae5; }
.user .bubble { background:#176c55; box-shadow:none; }
.message-meta { font-size:10px; color:#62776c; padding:3px 2px; }
.conversation-welcome { background:#e8f0eb; box-shadow:none; border:0; border-radius:16px; }
.choice-shell,.catalog-shell,.detail-card,.payout-list-shell,.chat-table-card,.associate-profile-card,.associate-dashboard-card,.document-card { border:1px solid var(--command-line); border-radius:18px; background:#fff; box-shadow:0 4px 18px #123c3405; overflow:hidden; }
.choice-heading,.catalog-header,.chat-table-header,.payout-list-header { padding:18px; background:#fff; border-bottom:1px solid var(--command-line); }
.choice-heading strong,.catalog-header h3,.chat-table-title,.payout-list-header h3 { font-size:17px; letter-spacing:-.3px; color:var(--command-ink); }
.choice-heading span,.catalog-header p,.payout-list-header p { font-size:12px; line-height:1.6; color:#61796e; }
.choice-heading strong,.choice-heading span,.choice-copy strong,.choice-copy small { display:block; }
.choice-heading span,.choice-copy small { margin-top:5px; }
.choice-heading strong { line-height:1.4; }
.choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:10px; }
.choice-card { position:relative; display:flex; align-items:center; text-align:left; gap:10px; padding:16px 12px; min-height:100px; background:#fff; border:1px solid var(--command-line); border-radius:12px; box-shadow:none; }
.choice-card:hover { border-color:#176c55; background:#f2f8f4; transform:translateY(-2px); box-shadow:0 5px 12px #123c3408; }
.choice-index { position:absolute; top:8px; right:10px; width:auto; height:auto; background:none; color:#789286; font-size:9px; }
.choice-leaf { flex:0 0 35px; width:35px; height:35px; border-radius:11px; display:grid; place-items:center; color:#176c55; background:#eaf3ed; font-size:19px; }
.choice-copy { min-width:0; }
.choice-copy strong { font-size:13px; color:#234b3f; line-height:1.4; }
.choice-copy small { font-size:11px; line-height:1.5; color:#61796e; }
.choice-arrow { margin-left:auto; color:#176c55; }
.choice-card[data-command="packages"] .choice-leaf { background:#f6efdf; color:#936d21; }
.choice-card[data-command="profile"] .choice-leaf { background:#eaf0fb; color:#4b67a0; }
.choice-card[data-command="repurchase payout"] .choice-leaf { background:#f0ebf7; color:#765896; }
.catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:12px; }
.catalog-card { display:flex; flex-direction:column; border:1px solid var(--command-line); border-radius:13px; overflow:hidden; background:#fff; box-shadow:none; }
.catalog-card:hover { transform:translateY(-2px); border-color:#176c55; box-shadow:0 6px 16px #123c340c; }
.catalog-visual { width:100%; height:125px; background:radial-gradient(ellipse at center,#fff,#edf3ee); }
.catalog-visual img { width:100%; height:100%; object-fit:contain; padding:12px; }
.catalog-body { width:100%; padding:14px; }
.catalog-title-row strong { font-size:14px; line-height:1.45; }
.catalog-title-row { display:flex; justify-content:space-between; gap:8px; }
.catalog-title-row strong,.catalog-title-row>div>span,.catalog-metric span,.catalog-metric strong { display:block; }
.catalog-title-row>div>span { margin-top:5px; font-size:11px; line-height:1.5; color:#61796e; }
.catalog-number { color:#789286; font-size:10px; }
.catalog-metric span { font-size:10px; color:#61796e; margin-bottom:4px; }
.catalog-metric strong { font-size:13px; color:#234b3f; overflow-wrap:anywhere; }
.catalog-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.catalog-metric { background:#f4f7f4; padding:8px; border-radius:8px; }
.catalog-action { display:block; margin-top:12px; font-size:12px; color:#176c55; }
.detail-hero { background:#eef5ef; padding:20px; }
.detail-hero-copy h3 { font-size:23px; color:var(--command-ink); line-height:1.25; }
.detail-highlights { gap:8px; padding:14px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.detail-highlight { padding:12px; border-radius:10px; }
.detail-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.detail-section { padding:16px 18px; }
.detail-info-cell strong,.profile-info-item strong,.profile-business-item strong { overflow-wrap:anywhere; }
.document-heading { padding:20px; background:#eff5f0; border-bottom:1px solid var(--command-line); }
.document-heading span { font-size:10px; letter-spacing:1.5px; color:#61796e; font-weight:700; }
.document-heading h3 { margin:8px 0 0; font-size:21px; color:var(--command-ink); }
.document-body { padding:8px 20px 20px; font-size:13px; line-height:1.8; color:#40574b; overflow-wrap:anywhere; }
.document-body p { white-space:pre-wrap; margin:14px 0 0; }
.support-link { display:block; border:1px solid #c9ded1; background:#f2f8f4; color:#176c55; border-radius:12px; padding:14px; margin-top:14px; font-weight:700; text-decoration:none; }
.login-prompt { border-left:3px solid #176c55!important; background:#fff!important; padding:18px!important; }
.login-prompt::before { content:'MEMBER LOOKUP'; display:block; font-size:9px; color:#61796e; letter-spacing:1.2px; font-weight:700; margin-bottom:8px; }
.chat-table-scroll { max-height:360px; overflow:auto; }
.chat-data-table thead th { position:sticky; top:0; z-index:1; background:#edf4ee; }
.chat-data-table { font-size:12px; }
.chat-data-table tbody tr:nth-child(even) { background:#f8faf8; }
.table-stack .chat-table-title { overflow-wrap:anywhere; }
.profile-v2-hero { background:linear-gradient(115deg,#124b3d,#21795d); }
.profile-v2-info-grid { gap:8px; }
.profile-v2-info { border-radius:10px; background:#f7f9f6; }
.profile-v2-wallet { box-shadow:none; }
.payout-card { box-shadow:none; border-radius:12px; }
.payout-highlight strong { font-size:15px; overflow-wrap:anywhere; }
.quick-replies { padding:10px 20px; display:flex; flex-wrap:nowrap; overflow-x:auto; gap:8px; background:#fff; border-top:1px solid #e7eee8; max-height:64px; }
.quick-replies:empty { display:none; }
.quick-chip { white-space:nowrap; flex-shrink:0; font-size:12px; min-height:36px; border-radius:9px; box-shadow:none; }
.composer-wrap { padding:12px 20px max(12px,env(safe-area-inset-bottom)); background:#fff; }
.composer { border-radius:14px; background:#f5f8f5; box-shadow:none; border:1px solid #dce7df; }
.composer:focus-within { border-color:#176c55; box-shadow:0 0 0 3px #176c5510; }
.composer-note { font-size:9px; color:#687c70; margin:8px 0 0; }
.send-btn { border-radius:10px; background:#176c55; }
.mode-selector { background:radial-gradient(ellipse at 50% 25%,#e2eee5,transparent 65%),#f8faf7; }
.mode-card { padding:24px 16px; border-radius:16px; }
.mode-card small { font-size:12px; color:#61796e; }
.command-empty { padding:24px 16px; text-align:center; color:#61796e; font-size:13px; }
.response-error .bubble { border-color:#e9c1b4; background:#fff8f4; color:#85402b; }
.floating-chat-panel :is(button,a,input):focus-visible { outline:3px solid #bc8e39; outline-offset:3px; }
.floating-chat-panel button:disabled { opacity:.5; cursor:wait; transform:none; }
@media(max-width:640px) {
 body:has(#chatPanel.is-open) { overflow:hidden; }
 .floating-chat-panel { width:100vw; height:100dvh; right:0; bottom:0; border-radius:0; }
 .chat-header { padding:16px; }
 .command-toolbar { padding:12px 16px; }
 .floating-chat-panel .messages { padding:18px 12px 10px; }
 .floating-chat-panel .message.bot>.bot-avatar { display:none; }
 .floating-chat-panel :is(.choice-stack,.catalog-stack,.detail-stack,.payout-stack,.profile-stack,.table-stack,.dashboard-stack,.document-stack) { width:100%; max-width:100%!important; }
 .choice-card { gap:8px; padding:15px 10px; }
 .choice-leaf { width:28px; height:32px; flex-basis:28px; }
 .choice-arrow { display:none; }
 .choice-copy strong { font-size:12px; }
 .choice-copy small { font-size:10px; }
 .catalog-header,.payout-list-header { padding:16px; }
 .catalog-title-row { flex-wrap:wrap; }
 .catalog-visual { height:105px; }
 .quick-replies { padding:10px 12px; }
 .composer-wrap { padding:10px 12px max(12px,env(safe-area-inset-bottom)); }
 .detail-hero { padding:16px; }
 .detail-hero-copy h3 { font-size:20px; }
}
@media(max-width:370px) { .choice-grid,.catalog-grid,.detail-info-grid,.profile-v2-info-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .floating-chat-panel,.floating-chat-panel *, .floating-chat-btn * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }