.content-editable{vertical-align:middle;border-radius:5px;align-items:center;gap:5px;display:inline-flex;position:relative}.content-editable--editable{cursor:pointer;outline:none;margin:-2px -5px;padding:2px 5px;transition:background .14s}.content-editable--editable:hover,.content-editable--editable:focus-visible{background:#6366f117}.content-editable--editable:hover .content-editable__hint,.content-editable--editable:focus-visible .content-editable__hint{opacity:1;transform:translate(0)}.content-editable--active{align-items:center;gap:5px;display:inline-flex}.content-editable--error .content-editable__input{border-color:var(--color-console-status-danger);box-shadow:0 0 0 3px #f871712e}.content-editable--saving{opacity:.7}.content-editable__value{line-height:inherit}.content-editable__value--empty{color:var(--color-console-text-4)}.content-editable__hint{color:var(--color-console-text-4);opacity:0;flex-shrink:0;align-items:center;transition:opacity .14s,transform .14s;display:inline-flex;transform:translate(-2px)}.content-editable__field{flex-direction:column;gap:3px;display:inline-flex}.content-editable__input{font:inherit;color:var(--color-console-text-1);border:1.5px solid var(--color-console-accent);min-width:0;caret-color:var(--color-console-accent-light);background:#ffffff0d;border-radius:5px;outline:none;padding:2px 7px;transition:border-color .12s,box-shadow .12s;box-shadow:0 0 0 3px #6366f12e}.content-editable__input[type=number]{-moz-appearance:textfield}.content-editable__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-editable__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content-editable__input:disabled{opacity:.5;cursor:wait}.content-editable__input::placeholder{color:#94a3b866}.content-editable__error-msg{color:var(--color-console-status-danger);padding:0 2px;font-size:.625rem;font-weight:500;line-height:1.3}.content-editable__actions{flex-shrink:0;gap:3px;display:inline-flex}.content-editable__btn{cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .1s,opacity .1s;display:inline-flex}.content-editable__btn:disabled{opacity:.45;cursor:wait}.content-editable__btn--save{background:var(--color-console-accent);color:#fff}.content-editable__btn--save:hover:not(:disabled){background:var(--color-console-accent-hover)}.content-editable__btn--cancel{color:var(--color-console-text-3);background:#ffffff12}.content-editable__btn--cancel:hover:not(:disabled){color:var(--color-console-text-1);background:#ffffff21}.content-editable__spinner{animation:.7s linear infinite content-editable-spin}@keyframes content-editable-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.dcs{flex-direction:column;gap:.4rem;width:100%;display:flex;position:relative}.dcs__label{color:var(--ctrl-muted);-webkit-user-select:none;user-select:none;font-size:.75rem;font-weight:500;line-height:1}.dcs__trigger{width:100%;height:var(--ctrl-height);background:var(--ctrl-bg);border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:0 .875rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.dcs__trigger:hover:not(.dcs__trigger--disabled){border-color:var(--ctrl-border-hover)}.dcs__trigger:focus-visible{border-color:color-mix(in srgb, var(--ctrl-focus) 55%, transparent);background:color-mix(in srgb, var(--ctrl-focus) 4%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ctrl-focus) 10%, transparent);outline:none}.dcs__trigger--open{border-color:color-mix(in srgb, var(--ctrl-focus) 55%, transparent);background:color-mix(in srgb, var(--ctrl-focus) 4%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ctrl-focus) 10%, transparent)}.dcs__trigger--disabled{opacity:.4;cursor:not-allowed}.dcs__trigger-content{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dcs__placeholder{color:var(--ctrl-placeholder);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.dcs__trigger-end{color:var(--ctrl-muted);flex-shrink:0;align-items:center;gap:4px;display:flex}.dcs__clear{cursor:pointer;color:var(--ctrl-muted);border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:color .15s,background .15s;display:inline-flex}.dcs__clear:hover{color:var(--ctrl-text);background:#ffffff14}.dcs__chevron{color:var(--ctrl-muted);transition:transform .15s}.dcs__chevron--open{transform:rotate(180deg)}.dcs__dropdown{z-index:9999;background:var(--color-console-bg-3);border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);flex-direction:column;min-width:280px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000080}.dcs__toolbar{border-bottom:1px solid var(--ctrl-border);flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.dcs__search-wrap{flex:1;align-items:center;display:flex;position:relative}.dcs__search-icon{color:var(--ctrl-muted);pointer-events:none;position:absolute;left:8px}.dcs__search{border:1px solid var(--ctrl-border);width:100%;color:var(--ctrl-text);background:#ffffff0d;border-radius:6px;outline:none;padding:5px 28px;font-size:.8125rem;transition:border-color .15s}.dcs__search::placeholder{color:var(--ctrl-placeholder)}.dcs__search:focus{border-color:color-mix(in srgb, var(--ctrl-focus) 70%, transparent)}.dcs__search-clear{color:var(--ctrl-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:color .15s;display:inline-flex;position:absolute;right:6px}.dcs__search-clear:hover{color:var(--ctrl-text)}.dcs__list{max-height:280px;padding:4px;overflow-y:auto}.dcs__item{cursor:pointer;border-radius:6px;transition:background .15s}.dcs__item:hover{background:#ffffff0d}.dcs__item--active{background:color-mix(in srgb, var(--ctrl-focus) 12%, transparent)}.dcs__loading,.dcs__empty{text-align:center;color:var(--ctrl-muted);padding:16px;font-size:.8125rem}.dcs__add-footer{border-top:1px solid var(--ctrl-border);flex-shrink:0;padding:6px 8px}.dcs__add-btn{border:1px dashed var(--ctrl-border);width:100%;color:var(--ctrl-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:.8125rem;transition:color .15s,border-color .15s,background .15s;display:flex}.dcs__add-btn:hover{color:var(--ctrl-focus);border-color:color-mix(in srgb, var(--ctrl-focus) 50%, transparent);background:color-mix(in srgb, var(--ctrl-focus) 6%, transparent)}.dcs__add-form-header{border-bottom:1px solid var(--ctrl-border);flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.dcs__add-back{color:var(--ctrl-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;transition:color .15s,background .15s;display:inline-flex}.dcs__add-back:hover{color:var(--ctrl-text);background:#ffffff12}.dcs__add-form-title{color:var(--ctrl-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;font-weight:500;overflow:hidden}.dcs__add-form-body{max-height:360px;padding:12px;overflow-y:auto}.dcs-customer-item{flex-direction:column;gap:2px;padding:6px 8px;display:flex}.dcs-customer-item__name{color:var(--ctrl-text);font-size:.8125rem;font-weight:500}.dcs-customer-item__meta{color:var(--ctrl-muted);align-items:center;gap:8px;font-size:.7rem;display:flex}.dcs-customer-item__ref{color:var(--ctrl-muted);letter-spacing:.02em;opacity:.7;font-size:.65rem}
