.customer-panel { --customer-border:var(--lxc-border,#d4dfeb); background:var(--lxc-surface,#fff); color:var(--lxc-ink,#17324d); border:1px solid var(--customer-border); border-radius:16px; padding:24px; margin:0 0 24px; box-shadow:0 4px 16px #17324d08; font-size:14px; line-height:1.5; }
.customer-panel h2,.customer-panel h3 { margin:0; color:var(--lxc-ink,#123452); font-weight:700; }
.customer-panel h2 { font-size:22px; }
.customer-panel h3 { font-size:18px; }
.customer-panel > h3 { border-top:1px solid var(--customer-border); margin-top:24px; padding-top:20px; }
.customer-panel p { margin:8px 0 14px; }
.customer-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:12px; }
.customer-eyebrow { display:block; color:var(--lxc-muted,#55708a); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px; }
.customer-badge { border-radius:20px; background:var(--lxc-panel,#eaf2fb); color:var(--lxc-blue,#244f7c); padding:4px 10px; font-size:12px; font-weight:600; white-space:nowrap; }
.customer-muted { color:var(--lxc-muted,#536b80); font-size:13px; }
.customer-panel .lxc-field { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; margin:12px 0; min-width:0; }
.customer-panel .lxc-input,.customer-panel .lxc-select { width:100%; box-sizing:border-box; min-height:42px; border:1px solid var(--lxc-border,#b8c9da); border-radius:8px; padding:9px 12px; background:var(--lxc-surface,#fff); color:var(--lxc-ink,#17324d); font:inherit; font-weight:400; }
.customer-panel .lxc-btn { min-height:40px; padding:9px 16px; border:1px solid var(--lxc-btn-border,#bdcddd); border-radius:8px; background:var(--lxc-btn,#edf3f9); color:var(--lxc-ink,#17324d); font-size:13px; font-weight:600; cursor:pointer; margin:4px 6px 4px 0; }
.customer-panel .lxc-btn--primary { background:#073c70; border-color:#073c70; color:#fff; }
.customer-panel button:disabled { opacity:.55; cursor:not-allowed; }
.customer-panel button:focus-visible,.customer-panel input:focus-visible,.customer-panel select:focus-visible,.customer-panel summary:focus-visible { outline:3px solid #80b5eb; outline-offset:2px; }
.customer-panel .qm-text-link { display:block; padding:10px 12px; width:100%; text-align:left; border:1px solid var(--customer-border); border-radius:8px; background:var(--lxc-panel,#f6f9fc); color:var(--lxc-blue,#123f6c); margin:6px 0; cursor:pointer; }
.customer-search { display:flex; align-items:flex-end; gap:12px; }
.customer-search .lxc-field { flex:1; margin-bottom:4px; }
.customer-search .lxc-btn { margin-right:0; flex-shrink:0; }
.customer-results { max-height:260px; overflow:auto; margin:14px 0; border:1px solid var(--customer-border); border-radius:10px; }
.customer-result { display:grid; grid-template-columns:1fr auto; gap:3px 12px; width:100%; padding:12px 14px; border:0; border-bottom:1px solid var(--customer-border); text-align:left; background:var(--lxc-surface,#fff); color:var(--lxc-ink,#17324d); cursor:pointer; }
.customer-result:last-child { border-bottom:0; }
.customer-result:hover { background:var(--lxc-btn-hover,#edf5ff); }
.customer-result small { grid-column:1/-1; color:var(--lxc-muted,#536b80); }
.customer-results > p { padding:8px 14px; }
.customer-selection { background:var(--lxc-panel,#f4f8fc); border:1px solid var(--customer-border); border-radius:12px; padding:16px; margin-top:16px; }
.customer-selection .customer-heading p { font-size:13px; margin-bottom:0; }
.customer-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.customer-disclosure { background:var(--lxc-panel,#f7fafd); border:1px solid var(--customer-border); border-radius:10px; padding:14px 16px; margin:16px 0; }
.customer-panel summary { cursor:pointer; font-weight:600; padding:4px 0; }
.customer-panel input[type=checkbox] { accent-color:#073c70; width:17px; height:17px; vertical-align:middle; margin:8px 8px 8px 0; }
.customer-panel [role=status],.customer-alert { background:var(--lxc-panel,#edf4fc); border-left:3px solid #4e7ea9; padding:10px 12px; border-radius:4px; }
.theme-dark .customer-panel { --customer-border:var(--lxc-border); color-scheme:dark; background:var(--lxc-surface); color:var(--lxc-ink); }
.theme-dark .customer-panel h2,.theme-dark .customer-panel h3 { color:var(--lxc-blue); }
.theme-dark .customer-eyebrow,.theme-dark .customer-muted,.theme-dark .customer-result small { color:var(--lxc-muted); }
.theme-dark .customer-badge { background:var(--lxc-panel); color:var(--lxc-blue); }
.theme-dark .customer-panel .lxc-input,.theme-dark .customer-panel .lxc-select { background:var(--lxc-panel); color:var(--lxc-ink); border-color:var(--lxc-border); }
.theme-dark .customer-panel .lxc-btn { background:var(--lxc-btn); color:var(--lxc-btn-fg); border-color:var(--lxc-btn-border); }
.theme-dark .customer-panel .lxc-btn--primary { background:var(--lxc-blue); border-color:var(--lxc-blue); color:var(--lxc-panel); }
.theme-dark .customer-panel .qm-text-link,.theme-dark .customer-selection,.theme-dark .customer-disclosure { background:var(--lxc-panel); color:var(--lxc-ink); }
.theme-dark .customer-result { background:var(--lxc-surface); color:var(--lxc-ink); }
.theme-dark .customer-result:hover { background:var(--lxc-btn-hover); }
.theme-dark .customer-panel input[type=checkbox] { accent-color:var(--lxc-blue); }
.theme-dark .customer-panel [role=status],.theme-dark .customer-alert { background:var(--lxc-panel); border-left-color:var(--lxc-blue); color:var(--lxc-ink); }
@media(max-width:600px) { .customer-panel { padding:16px; } .customer-fields { grid-template-columns:1fr; gap:0; } .customer-search { flex-direction:column; align-items:stretch; gap:4px; } }