.directory-badge.debt{background:var(--pastel-rose);color:var(--pastel-rose-foreground);border-color:color-mix(in srgb, var(--pastel-rose-foreground) 20%, transparent)}.directory-badge.vip{background:var(--pastel-amber);color:var(--pastel-amber-foreground);border-color:color-mix(in srgb, var(--pastel-amber-foreground) 20%, transparent)}.directory-badge.frequent{background:var(--brand-50);color:var(--brand-700);border-color:color-mix(in srgb, var(--brand-700) 20%, transparent)}.directory-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.directory-search-box{flex:1;align-items:center;gap:8px;min-width:220px;display:flex}.directory-toolbar-search{flex:1;min-width:0}.directory-view{border:1px solid var(--border);background:#fff;border-radius:10px;gap:2px;padding:3px;display:flex}.pos-app .directory-view button{width:34px;min-height:32px;color:var(--subtle-foreground);border-radius:7px;place-items:center;display:grid}.directory-view button.active{background:var(--brand-100);color:var(--brand-600)}.directory-result-count{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:12px;display:flex}.directory-result-count [role=status]{color:var(--pastel-sky-foreground)}.pos-app .directory-card{text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:100%;min-width:0;min-height:68px;padding:10px 12px;display:flex}.directory-card:focus-visible{outline:2px solid var(--primary-hover);outline-offset:3px}.directory-card-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.directory-name{align-items:center;gap:8px;min-width:0;display:flex}.directory-customer-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:20px;overflow:hidden}.directory-badge{white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:650;line-height:1.4;display:inline-flex}.directory-badge.active-orders{background:var(--brand-100);color:var(--brand-700)}.directory-card-debt{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:700;line-height:20px}.directory-card-activity{color:var(--muted-foreground);justify-content:flex-start;align-items:center;gap:6px;min-width:0;padding-left:40px;font-size:12px;line-height:16px;display:flex}.directory-card-activity .directory-divider{color:var(--border-strong);flex-shrink:0}.directory-card-activity .directory-phone{flex-shrink:0}.directory-card-activity .directory-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.directory-card-activity .directory-active-orders{color:var(--brand-600);font-weight:500}.has-debt{color:var(--destructive);font-weight:650}.directory-create{background:var(--brand-50);min-height:40px;color:var(--brand-600);border:1px solid var(--brand-100);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.directory-create:hover{background:var(--brand-100)}.directory-contact{min-width:40px;min-height:40px;color:var(--muted-foreground);border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;display:inline-flex}.directory-contact:hover{color:var(--brand-600);border-color:var(--brand-200)}.directory-primary{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.directory-primary:hover{background:var(--primary-hover)}.directory-table-scroll{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:#fff;border-radius:12px;overflow-x:auto}.directory-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.directory-table th{text-align:left;background:var(--background);color:var(--muted-foreground);padding:14px 16px;font-size:10px;font-weight:600}.directory-table td{border-top:1px solid var(--secondary);color:var(--secondary-foreground);padding:12px 16px}.directory-table td.has-debt{color:var(--destructive)}.directory-table-name{text-align:left;white-space:normal;gap:4px;min-width:130px;display:grid}.directory-table-name strong{color:var(--foreground);font-size:13px}.directory-table-name small,.directory-muted{color:var(--subtle-foreground);font-size:11px}.directory-table-actions{gap:5px;display:flex}.directory-empty{text-align:center;border:1px dashed var(--border);color:var(--subtle-foreground);background:#fff;border-radius:12px;justify-items:center;gap:12px;padding:48px 20px;display:grid}.directory-empty h2{color:var(--secondary-foreground)}.directory-empty p{font-size:12px}.directory-form{gap:14px;display:grid}.directory-form label{color:var(--label-foreground);gap:6px;margin:0;font-size:12px;display:grid}.directory-form input,.directory-form textarea{border:1px solid var(--border);color:var(--foreground);background:#fff;border-radius:8px;padding:10px;font-family:inherit;font-size:13px}.directory-form input{min-height:44px}.directory-form input:focus,.directory-form textarea:focus{outline:2px solid var(--brand-100);border-color:var(--brand-300)}.customer-history-contact{color:var(--muted-foreground);gap:6px;font-size:12px;display:grid}.customer-history-contact span{align-items:center;gap:6px;display:flex}.customer-history-summary{background:var(--background);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.customer-history-summary div{gap:7px;min-width:0;display:grid}.customer-history-summary span{color:var(--subtle-foreground);font-size:10px}.customer-history-summary strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:14px}.customer-history-scroll{overscroll-behavior:contain;min-height:0;margin-top:16px}.customer-history-scroll h3{justify-content:space-between;margin:2px 0 14px;font-size:13px;font-weight:650;display:flex}.customer-history-scroll h3 span{color:var(--subtle-foreground);font-size:11px;font-weight:400}@media (width<=767px){.customer-history-summary{gap:8px;padding:12px}.customer-history-summary strong{font-size:13px}.pos-page-header .directory-primary{padding:0 10px;font-size:12px}.directory-page-header .pos-sync-badge{justify-content:center;width:40px;max-width:40px;padding:0}.directory-page-header .pos-sync-badge span{display:none}}.directory-pagination{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:10px;padding:16px 0;font-size:12px;display:flex}.directory-pagination button{min-height:44px}.detail-sheet-body .directory-empty{min-height:0;padding:24px 12px}.detail-sheet-footer .customer-history-summary{margin-bottom:12px}.directory-filter-row{align-items:center;gap:8px;min-width:0;display:flex}.directory-filter-row>.overflow-x-auto{flex:1;min-width:0}.directory-result-count{align-items:center}.directory-result-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.customer-sort-control{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.customer-sort-select{border:1px solid var(--border);height:2.5rem;min-height:2.5rem;color:var(--foreground);cursor:pointer;appearance:none;background:#fff;border-radius:.75rem;padding-left:2rem;padding-right:1.75rem;font-size:.75rem;font-weight:600;transition:all .15s;box-shadow:0 1px 2px #0000000a}.customer-sort-select:hover{border-color:var(--primary);background:var(--background)}.customer-sort-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--pastel-sky);outline:none}.customer-sort-control.is-active .customer-sort-select{border-color:var(--primary);background:var(--pastel-sky);color:var(--pastel-sky-foreground)}@media (width<=767px){.customer-directory-page{min-height:100dvh}.directory-search-box{min-width:0}}@media (width>=768px){.pos-app .customer-directory-page .pos-page-chrome{top:var(--pos-page-header-height,72px);z-index:20;background:var(--background);gap:10px;padding-block:8px;display:grid;position:sticky}}