/* Enterprise Bootstrap Theme | MIT License | (c) 2026 Priya Vijai Kalyan */
.colorpicker{display:inline-block;font-family:inherit;font-size:.875rem;position:relative}.colorpicker-label{color:var(--theme-text-secondary);display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.colorpicker-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.colorpicker-disabled .colorpicker-trigger{cursor:not-allowed;pointer-events:auto}.colorpicker-disabled .colorpicker-trigger:hover{border-color:var(--theme-border-color)}.colorpicker-disabled .colorpicker-hue-wrap,.colorpicker-disabled .colorpicker-opacity-bar,.colorpicker-disabled .colorpicker-palette-wrap,.colorpicker-disabled .colorpicker-swatch{cursor:not-allowed}.colorpicker-disabled .colorpicker-swatch:hover{transform:none}.colorpicker-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.colorpicker-trigger{align-items:center;background:var(--theme-surface-bg);border:1px solid var(--theme-border-color);color:var(--theme-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:8px;padding:6px 10px;transition:border-color .15s ease,box-shadow .15s ease}.colorpicker-trigger:hover{border-color:var(--theme-text-muted);box-shadow:0 0 6px var(--theme-glow-color-hover,rgba(37,99,235,.18))}.colorpicker-trigger:focus-visible{outline:2px solid #1c7ed6;outline-offset:-1px}.colorpicker-trigger-swatch{border:1px solid var(--theme-border-color);display:inline-block;height:20px;width:20px}.colorpicker-trigger-label{color:var(--theme-text-secondary);font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875em}.colorpicker-trigger-caret{color:var(--theme-text-muted);font-size:.75em;margin-left:2px}.colorpicker-panel{background:var(--theme-surface-bg);border:1px solid var(--theme-border-color);box-shadow:var(--theme-shadow-md);padding:12px;width:280px}.colorpicker-canvas-area{display:flex;gap:10px;margin-bottom:10px}.colorpicker-palette-wrap{cursor:crosshair;flex:1;position:relative}.colorpicker-palette{border:1px solid var(--theme-border-color);display:block;height:160px;width:100%}.colorpicker-palette-cursor{border:2px solid var(--theme-surface-bg);box-shadow:0 0 0 1px var(--theme-text-primary);height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}.colorpicker-hue-wrap{flex-shrink:0;position:relative;width:20px}.colorpicker-hue-strip{border:1px solid var(--theme-border-color);cursor:pointer;display:block;height:160px;width:100%}.colorpicker-hue-indicator{background:var(--theme-surface-bg);border:1px solid var(--theme-text-primary);height:4px;left:-2px;pointer-events:none;position:absolute;transform:translateY(-50%);width:24px}.colorpicker-opacity-bar{background-image:linear-gradient(45deg,var(--theme-border-color) 25%,transparent 25%),linear-gradient(-45deg,var(--theme-border-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--theme-border-color) 75%),linear-gradient(-45deg,transparent 75%,var(--theme-border-color) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid var(--theme-border-color);cursor:pointer;height:16px;margin-bottom:10px;position:relative}.colorpicker-opacity-track{inset:0;position:absolute}.colorpicker-opacity-thumb{background:var(--theme-surface-bg);border:1px solid var(--theme-text-primary);height:20px;pointer-events:none;position:absolute;top:-2px;transform:translateX(-50%);width:6px}.colorpicker-preview{display:flex;gap:4px;height:28px;margin-bottom:10px}.colorpicker-preview-new,.colorpicker-preview-old{border:1px solid var(--theme-border-color);flex:1}.colorpicker-preview-old{cursor:pointer;opacity:.7;transition:opacity .15s ease}.colorpicker-preview-old:hover{opacity:1}.colorpicker-tabs{display:flex;gap:2px;margin-bottom:8px}.colorpicker-tab{background:var(--theme-active-bg);border:1px solid var(--theme-border-color);color:var(--theme-text-secondary);cursor:pointer;flex:1;font-size:.75rem;font-weight:600;padding:4px 8px;text-align:center;text-transform:uppercase;transition:background-color .15s ease,color .15s ease}.colorpicker-tab:hover{background:var(--theme-border-color)}.colorpicker-tab:focus-visible{outline:2px solid #1c7ed6;outline-offset:-1px}.colorpicker-tab-active{background:#1c7ed6;border-color:#1c7ed6;color:var(--theme-text-on-primary)}.colorpicker-tab-active:hover{background:#1c7ed6}.colorpicker-input-row{align-items:center;display:flex;gap:4px;margin-bottom:10px}.colorpicker-input-prefix{color:var(--theme-text-secondary);font-size:.875rem;padding:0 2px}.colorpicker-input,.colorpicker-input-prefix{font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.colorpicker-input{background:var(--theme-surface-bg);border:1px solid var(--theme-border-color);color:var(--theme-text-primary);flex:1;font-size:.8rem;min-width:0;padding:4px 6px}.colorpicker-input:focus{border-color:#1c7ed6;outline:2px solid #1c7ed6;outline-offset:-1px}.colorpicker-input-numeric{-moz-appearance:textfield;text-align:center;width:48px}.colorpicker-input-numeric::-webkit-inner-spin-button,.colorpicker-input-numeric::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.colorpicker-copy-btn{align-items:center;background:var(--theme-surface-bg);border:1px solid var(--theme-border-color);color:var(--theme-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:color .15s ease;width:28px}.colorpicker-copy-btn:hover{color:var(--theme-text-primary)}.colorpicker-copy-btn:focus-visible{outline:2px solid #1c7ed6;outline-offset:-1px}.colorpicker-swatches{display:flex;flex-wrap:wrap;gap:6px}.colorpicker-swatch{border:1px solid var(--theme-border-color);cursor:pointer;height:22px;padding:0;transition:transform .15s ease,box-shadow .15s ease;width:22px}.colorpicker-swatch:hover{box-shadow:0 0 4px var(--theme-glow-color-hover,rgba(37,99,235,.18));transform:scale(1.15)}.colorpicker-swatch:focus-visible{outline:2px solid #1c7ed6;outline-offset:1px}.colorpicker-swatch-selected{box-shadow:0 0 0 2px #1c7ed6}.colorpicker-mini .colorpicker-trigger{font-size:.625rem;gap:4px;height:22px;line-height:1;padding:2px 4px}.colorpicker-mini .colorpicker-trigger-label{font-size:.625rem;line-height:1}.colorpicker-mini .colorpicker-trigger-caret{font-size:.625rem;margin-left:2px}.colorpicker-mini .colorpicker-trigger-swatch{height:12px;width:12px}.colorpicker-sm .colorpicker-trigger{font-size:.8rem;padding:4px 8px}.colorpicker-sm .colorpicker-trigger-swatch{height:16px;width:16px}.colorpicker-sm .colorpicker-panel{padding:10px;width:240px}.colorpicker-lg .colorpicker-trigger{font-size:1rem;padding:8px 12px}.colorpicker-lg .colorpicker-trigger-swatch{height:24px;width:24px}.colorpicker-lg .colorpicker-panel{padding:12px;width:320px}