:root{--control-radius:var(--radius-md);--control-height:36px;--control-height-sm:32px;--control-height-xs:28px;--toolbar-row-height:48px}.btn{min-height:var(--control-height);border-radius:var(--control-radius);transition-property:color,background-color,border-color,box-shadow}.btn-sm{min-height:var(--control-height-sm)}.btn-xs{min-height:var(--control-height-xs)}.btn-primary:hover{transform:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-icon.btn-sm{width:var(--control-height-sm);height:var(--control-height-sm);padding:0}.btn-icon.btn-xs{width:var(--control-height-xs);height:var(--control-height-xs);padding:0}.form-input,.form-select,.search-input{border-radius:var(--control-radius)}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ui-filter-chip{height:var(--control-height-sm);border:1px solid var(--border-secondary);border-radius:var(--control-radius);background:var(--bg-secondary);flex:none;align-items:center;display:inline-flex}.ui-filter-chip>.btn:first-child,.ui-filter-chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.ui-filter-chip-text{padding:0 var(--space-2);font-size:var(--text-sm)}.ui-filter-chip .btn{min-height:calc(var(--control-height-sm) - 2px);height:calc(var(--control-height-sm) - 2px)}.contacts-command-bar{flex-shrink:0;min-width:0}.contacts-command-bar .toolbar{grid-template-columns:auto minmax(160px,1fr);display:grid}.contacts-command-bar .toolbar-actions{scrollbar-width:thin;flex-wrap:nowrap;grid-column:1/-1;padding-bottom:2px;overflow-x:auto}.contacts-command-bar .toolbar-actions .btn{white-space:nowrap;font-size:var(--text-sm);flex-shrink:0}.contacts-command-bar .toolbar-center{flex-wrap:nowrap;min-width:0}.contacts-command-bar .toolbar-search{min-width:0;max-width:none}.contacts-command-bar .toolbar-title{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.contacts-filter-trigger{min-width:100px}.contacts-shortcuts .filter-preset-btn{border-radius:var(--control-radius);padding:var(--space-1) var(--space-3)}.contacts-shortcuts .filter-preset-btn[aria-pressed=true]{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent,#fff)}.contacts-applied-filters{align-items:center;gap:var(--space-2);scrollbar-width:thin;white-space:nowrap;min-width:200px;max-width:100%;height:100%;font-size:var(--text-sm);flex:1 0 200px;display:flex;overflow-x:auto}.contacts-selection-actions .bulk-action-bar{gap:var(--space-2);flex-wrap:nowrap;width:max-content}.bulk-selection-count{font-variant-numeric:tabular-nums;white-space:nowrap;width:96px;display:inline-block}.contacts-selection-actions .bulk-scope .btn{width:160px}.contact-filter-editor{gap:var(--space-4);display:grid}.contact-filter-editor-row{gap:var(--space-2);grid-template-columns:100px 1fr 1fr auto;align-items:center;display:grid}.contact-filter-editor-row>*{min-width:0}@media (min-width:1700px){.contacts-command-bar .toolbar{grid-template-columns:auto minmax(160px,1fr) auto}.contacts-command-bar .toolbar-actions{grid-column:auto}}@media (max-width:768px){:root{--control-height:44px;--control-height-sm:44px;--control-height-xs:44px;--toolbar-row-height:60px}.contacts-command-bar .toolbar{grid-template-columns:44px minmax(0,1fr)}.contacts-command-bar .toolbar-title{max-width:100%}.contacts-command-bar .toolbar-center{order:0;grid-column:1/-1}.contact-filter-editor-row{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary);grid-template-columns:minmax(0,1fr) auto}.contact-filter-editor-row>.form-select,.contact-filter-editor-row>.form-input{grid-column:1}.contact-filter-editor-row>.btn-icon{grid-area:1/2}}
.toolbar-wrapper{flex-shrink:0}.toolbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--bg-card);flex-wrap:wrap;min-height:44px;display:flex}.toolbar-title-group{align-items:baseline;gap:var(--space-2);margin-right:var(--space-2);flex-shrink:0;min-width:0;max-width:100%;display:flex}.toolbar-title{font-size:var(--text-sm);color:var(--text-primary);white-space:normal;overflow-wrap:anywhere;font-weight:600}.toolbar-count{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.toolbar-center{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:280px;min-width:0;display:flex}.toolbar-search{align-items:center;gap:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--control-radius);padding:0 var(--space-2);min-width:120px;max-width:280px;transition:border-color var(--transition-fast);flex:160px;display:flex}.toolbar-search:focus-within{border-color:var(--accent-primary)}.toolbar-search-icon{opacity:.5;flex-shrink:0;font-size:.7rem}.toolbar-search-input{color:var(--text-primary);font-size:var(--text-xs);padding:var(--space-1) 0;background:0 0;border:none;outline:none;flex:1;min-width:0}.toolbar-search-input::placeholder{color:var(--text-tertiary)}.toolbar-search-clear{color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;padding:0;line-height:1}.toolbar-search-clear:hover{color:var(--text-primary)}.toolbar-filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;display:flex}.toolbar-filter-select{padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;max-width:140px;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding-right:22px}.toolbar-filter-select:focus{border-color:var(--accent-primary)}.toolbar-actions{gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;min-width:0;max-width:100%;display:flex}.toolbar-bulk{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);animation:.12s modal-slide-up;display:flex}.bulk-action-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.bulk-scope{align-items:center;gap:var(--space-1);display:inline-flex}.bulk-action-divider{background:var(--border-secondary);width:1px;min-height:20px;margin:0 var(--space-1);align-self:stretch}.toolbar-actions .btn{white-space:normal;max-width:100%}.toolbar .toolbar-panel-toggle{display:none}.toolbar-panel-toggle{flex-shrink:0}.toolbar-panel-toggle:hover{color:var(--text-primary);background:#ffffff0f}[data-theme=light] .toolbar-panel-toggle:hover{background:#0000000d}.toolbar-search .toolbar-search-input{box-shadow:none;min-height:var(--control-height-sm);background:0 0;border:0;padding:0}.toolbar-search .toolbar-search-clear{flex:0 0 var(--control-height-sm);margin:0}.toolbar-search .toolbar-search-clear:disabled{opacity:0;pointer-events:none}.ui-toolbar-row{align-items:center;gap:var(--space-2);height:var(--toolbar-row-height);flex:0 0 var(--toolbar-row-height);min-width:0;max-width:100%;padding:0 var(--space-4);background:var(--bg-card);border-bottom:1px solid var(--border-primary);scrollbar-width:thin;display:flex;overflow:auto hidden}.ui-toolbar-row>*{flex-shrink:0}.ui-toolbar-row .btn{font-size:var(--text-sm);white-space:nowrap}.ui-toolbar-row .form-select{height:var(--control-height-sm);min-height:var(--control-height-sm);width:160px;padding:0 var(--space-2);font-size:var(--text-sm)}.toolbar-row-label{width:52px;font-size:var(--text-xs);color:var(--text-tertiary)}.ui-toolbar-row:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:1100px) and (min-width:769px){.toolbar-center{min-width:200px}}@media (max-width:768px){.toolbar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.toolbar .toolbar-panel-toggle{display:inline-flex}.toolbar-title-group{flex-shrink:1}.toolbar-center{flex:1 0 100%;order:3;width:100%;min-width:0}.toolbar-search{flex-basis:100%;min-width:0;max-width:none}.toolbar-actions{flex-shrink:1}.toolbar-filters{flex:1;width:100%}.toolbar-filter-select{flex:1;min-width:0;max-width:100%}.toolbar-bulk{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.toolbar-search-input,.toolbar-filter-select{min-height:44px;font-size:16px}.ui-toolbar-row{padding-inline:var(--space-3)}}
.list-page-content{--text-sm:.875rem;min-width:0}.list-command-bar{background:var(--bg-secondary);flex-shrink:0;min-width:0}.list-command-bar .toolbar{grid-template-columns:minmax(120px,1fr) auto;gap:8px 16px;padding:12px 16px;display:grid}.list-command-bar .toolbar-title-group{grid-column:1;min-width:0}.list-command-bar .toolbar-title{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.list-command-bar .toolbar-center{flex-wrap:nowrap;grid-area:2/1/auto/-1;min-width:0}.list-command-bar .toolbar-search{width:100%;min-width:0;max-width:none}.list-command-bar .toolbar-actions{flex-wrap:nowrap;grid-area:1/2;min-width:0;padding:0;display:flex;overflow:visible}.list-command-bar .toolbar-actions .btn{white-space:nowrap;font-size:var(--text-sm)}.list-command-bar .ui-toolbar-row{background:0 0;flex-basis:44px;height:44px}.list-command-bar .toolbar-row-label{width:auto;min-width:44px}.list-applied-filters,.list-command-bar .contacts-applied-filters{white-space:nowrap;scrollbar-width:thin;flex:1 1 0;align-items:center;gap:8px;min-width:80px;display:flex;overflow-x:auto}.list-applied-filters>.text-secondary:only-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.list-command-bar .contacts-shortcuts .filter-preset-btn[aria-pressed=true],.list-command-bar .bulk-scope .btn[aria-pressed=true],.list-command-bar .tpl-type-tab[aria-pressed=true]{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--text-secondary);box-shadow:inset 0 -2px 0 var(--text-secondary)}.list-command-bar .tpl-type-tabs{background:0 0;border:0;gap:8px;padding:0;display:flex}.list-command-bar .tpl-type-tab{border-radius:var(--control-radius);min-height:var(--control-height-sm);padding:0 12px}.list-record-name.btn{color:var(--text-primary);text-align:left;white-space:normal;justify-content:flex-start;padding-inline:0}.more-actions-list{gap:8px;display:grid}.more-actions-list .btn{white-space:normal;text-align:left;justify-content:flex-start}.list-page .data-table th{z-index:1;background:var(--bg-secondary);position:sticky;top:0}.list-page .data-table td{padding-block:10px}.list-page .data-table{font-size:var(--text-base)}.list-page .ui-filter-chip{background:var(--bg-primary)}@media (min-width:1700px){.list-command-bar .toolbar{grid-template-columns:minmax(120px,auto) minmax(180px,1fr) auto}.list-command-bar .toolbar-center{grid-area:1/2}.list-command-bar .toolbar-actions{grid-column:3}}@media (max-width:768px){.list-page .hide-mobile{display:none}.list-command-bar .toolbar{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px 12px}.list-command-bar .toolbar-panel-toggle{grid-area:1/1}.list-command-bar .toolbar-title-group{grid-area:1/2}.list-command-bar .toolbar[data-has-panel=false] .toolbar-title-group{grid-column:1/-1}.list-command-bar .toolbar-center{order:0;grid-area:2/1/auto/-1}.list-command-bar .toolbar-actions{scrollbar-width:thin;grid-area:3/1/auto/-1;max-width:100%;overflow-x:auto}.list-command-bar .ui-toolbar-row{flex-basis:52px;height:52px}.list-command-bar .toolbar-actions .btn{font-size:var(--text-base)}.list-page .data-table td{padding:8px}.content-page .data-table{table-layout:fixed;width:100%;min-width:0}.content-page .data-table th:last-child{width:154px}.content-page .data-table td{overflow-wrap:anywhere}.content-page .contact-mobile-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}
.billing-grid{gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-bottom:16px;display:grid}.billing-grid p{margin:0 0 16px;line-height:1.5}.billing-balances{flex-wrap:wrap;gap:20px;margin:0 0 16px;display:flex}.billing-balances dt,.billing-help{color:var(--text-secondary);font-size:var(--text-sm)}.billing-balances dd{font-size:var(--text-xl);margin:6px 0 0;font-weight:600}.billing-notice{border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:16px;padding:12px}.billing-history{margin:0;padding:0;list-style:none}.billing-history li{border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.billing-history li div{gap:4px;display:grid}.billing-history li span{font-size:var(--text-sm);color:var(--text-secondary)}.billing-nav{font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;gap:8px}.billing-nav-compact{text-align:right;color:var(--text-primary);flex-direction:column;flex-shrink:0;margin-left:auto;font-size:12px;text-decoration:none;display:flex}