.qc-icon { display: inline-block; width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.qc-production-icon { fill: currentColor; stroke: none; }
.qc-icon-button { border: 0; background: transparent; color: #6f7882; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 6px; padding: 0; }
.qc-icon-button:hover, .qc-icon-button:focus-visible { background: #f0f0f0; outline: none; }
.qc-icon-button:disabled { cursor: not-allowed; opacity: .45; }
.qc-btn { height: 32px; border-radius: 6px; padding: 0 15px; background: #fff; border: 1px solid #d9d9d9; color: var(--qc-text); }
.qc-btn:hover:not(:disabled) { border-color: #ff8629; color: #ff8629; }
.qc-btn-primary { color: white; background: var(--qc-brand); border-color: var(--qc-brand); }
.qc-btn-primary:hover:not(:disabled) { color: white; background: #ff8629; border-color: #ff8629; }
.qc-btn:disabled { cursor: not-allowed; color: rgba(0,0,0,.25); background: #f5f5f5; border-color: #d9d9d9; }
.qc-tooltip { position: fixed; z-index: 40; transform: translate(-50%,-100%); background: #404040; color: #fff; border-radius: 6px; padding: 5px 8px; white-space: nowrap; font-size: 12px; line-height: 20px; pointer-events: none; box-shadow: 0 2px 8px rgba(0,0,0,.16); }
.qc-tooltip::after { content: ''; position: absolute; left: calc(50% - 5px); bottom: -5px; border: 5px solid transparent; border-top-color: #404040; border-bottom: 0; }
.qc-menu { position: absolute; z-index: 30; background: #fff; border-radius: 8px; box-shadow: 0 3px 12px rgba(0,0,0,.16); padding: 4px; }
.qc-menu button { display: block; width: 100%; text-align: left; border: 0; background: #fff; padding: 6px 11px; border-radius: 4px; font-size: 13px; color: #555; }
.qc-menu button:hover { background: #fff4ec; }
.qc-menu button:disabled { color: #c9c9c9; cursor: not-allowed; }
.qc-search { height: 28px; display: flex; align-items: center; border-radius: 4px; background: #f5f5f5; padding: 4px 11px; color: #92999f; }
.qc-search:hover, .qc-search:focus-within { background: #f5f5f5; }
.qc-search input { border: 0; outline: 0; background: transparent; min-width: 0; flex: 1; font-size: 12px; line-height: 19px; color: var(--qc-text); }
.qc-search input::placeholder, textarea::placeholder { color: #bfbfbf; }
.qc-modal-backdrop { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; }
.qc-modal { background: #fff; width: 600px; min-height: 244px; border-radius: 12px; box-shadow: 0 5px 24px rgba(0,0,0,.12); padding: 16px 24px 24px; }
.qc-modal-head { display: flex; align-items: center; justify-content: space-between; font-size: 16px; margin-bottom: 32px; }
.qc-modal-close { border: 0; background: transparent; color: #8c8c8c; font-size: 22px; line-height: 22px; }
.qc-modal-row { display: flex; justify-content: space-between; margin-bottom: 10px; }
.qc-switch { width: 29px; height: 16px; background: #ff6600; border: 0; border-radius: 9px; padding: 2px; }
.qc-switch::after { content: ''; display: block; margin-left: auto; background: #fff; width: 12px; height: 12px; border-radius: 50%; }
.qc-select { display: block; height: 32px; width: 100%; border: 1px solid #d9d9d9; background: white; border-radius: 5px; color: #666; padding: 0 10px; }
.qc-modal-footer { display: flex; justify-content: flex-end; gap: 9px; margin-top: 48px; }