.hdbr-colo-config-mode-selector{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:0!important}.hdbr-colo-config-mode-option{flex:1!important;min-width:120px!important;position:relative!important}.hdbr-colo-config-mode-radio{opacity:0!important;pointer-events:none!important;position:absolute!important}.hdbr-colo-config-mode-label{align-items:center!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:10px!important;transition:all .2s ease!important}.hdbr-colo-config-mode-label:hover{background-color:#fff7ed!important;border-color:#ff7933!important}.hdbr-colo-config-mode-radio:checked+.hdbr-colo-config-mode-label{background-color:#f0f9ff!important;border-color:#ff7933!important}.hdbr-colo-config-mode-radio-visual{border:2px solid #d1d5db!important;border-radius:50%!important;flex-shrink:0!important;height:18px!important;position:relative!important;transition:all .2s ease!important;width:18px!important}.hdbr-colo-config-mode-radio:checked+.hdbr-colo-config-mode-label .hdbr-colo-config-mode-radio-visual{border-color:#ff7933!important}.hdbr-colo-config-mode-radio:checked+.hdbr-colo-config-mode-label .hdbr-colo-config-mode-radio-visual:after{background-color:#ff7933!important;border-radius:50%!important;content:""!important;height:8px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:8px!important}.hdbr-colo-config-mode-text{color:#374151!important;font-size:15px!important;font-weight:500!important}.hdbr-addon-checkbox{opacity:0!important;pointer-events:none!important;position:absolute!important}.hdbr-addon-card{cursor:pointer!important;height:100%!important;position:relative!important;transition:all .2s ease!important}.hdbr-addon-card:after{background:#fff!important;border:2px solid #d1d5db!important;border-radius:4px!important;content:""!important;height:20px!important;position:absolute!important;right:12px!important;top:12px!important;transition:all .2s ease!important;width:20px!important}.hdbr-addon-card.hdbr-addon-selected:after{background:#ff7933!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m5 13 4 4L19 7'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:14px!important;border-color:#ff7933!important}.hdbr-addon-content{align-items:flex-start!important;display:flex!important;flex-direction:row!important;gap:16px!important;height:100%!important}.hdbr-addon-icon{align-items:center!important;background:#f3f4f6!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;transition:all .2s ease!important;width:40px!important}.hdbr-addon-icon svg{height:24px!important;stroke:#6b7280!important;transition:stroke .2s ease!important;width:24px!important}.hdbr-addon-card:hover .hdbr-addon-icon{background:#e5e7eb!important}.hdbr-addon-card:hover .hdbr-addon-icon svg{stroke:#374151!important}.hdbr-addon-card.hdbr-addon-selected .hdbr-addon-icon{background:#fff7ed!important}.hdbr-addon-card.hdbr-addon-selected .hdbr-addon-icon svg{stroke:#ff7933!important}.hdbr-addon-info{display:flex!important;flex:1!important;flex-direction:column!important;gap:4px!important;padding-right:32px!important}.hdbr-addon-name{color:#111827!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}.hdbr-addon-description{color:#6b7280!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important}.hdbr-addon-dropdown,.hdbr-addon-input-group{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:12px!important}.hdbr-addon-dropdown label,.hdbr-addon-input-group label{color:#6b7280!important;font-size:12px!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important}.hdbr-addon-input,.hdbr-addon-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#374151!important;font-size:14px!important;padding:8px 12px!important;transition:all .2s ease!important}.hdbr-addon-input:focus,.hdbr-addon-select:focus{border-color:#ff7933!important;box-shadow:0 0 0 3px rgba(255,121,51,.1)!important;outline:none!important}.hdbr-addon-card.hdbr-addon-required{background:#fff7ed!important;border-color:#ff7933!important}.hdbr-addon-card.hdbr-addon-required .hdbr-addon-name:after{color:#ff7933!important;content:" *"!important}.hdbr-addon-card.hdbr-addon-required:after{border-color:#ff7933!important}.hdbr-addon-card.hdbr-addon-required.hdbr-addon-selected:after{background:#ff7933!important}.hdbr-colo-suggestions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.hdbr-colo-suggestion-option{flex:1;min-width:120px}.hdbr-colo-suggestion-radio{display:none}.hdbr-colo-suggestion-label{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 20px;transition:all .2s ease}.hdbr-colo-suggestion-label:hover{background-color:#eff6ff;border-color:#3b82f6}.hdbr-colo-suggestion-radio:checked+.hdbr-colo-suggestion-label{background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.hdbr-colo-resource{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:10px!important;margin-bottom:16px;padding:16px!important;transition:all .2s ease}.hdbr-colo-resource:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.08)}.hdbr-colo-resource-header{align-items:center;display:grid;gap:12px;grid-template-columns:40px 1fr auto 70px}.hdbr-colo-resource-icon{align-items:center!important;background:#f3f4f6!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;transition:all .2s ease!important;width:40px!important}.hdbr-colo-resource-icon svg{height:24px!important;stroke:#6b7280!important;transition:stroke .2s ease!important;width:24px!important}.hdbr-colo-resource:hover .hdbr-colo-resource-icon{background:#e5e7eb!important}.hdbr-colo-resource:hover .hdbr-colo-resource-icon svg{stroke:#374151!important}.hdbr-colo-dropdown-item:hover .hdbr-colo-resource-icon{background:#e5e7eb!important}.hdbr-colo-dropdown-item:hover .hdbr-colo-resource-icon svg{stroke:#374151!important}.hdbr-colo-resource-label{color:#374151;font-size:14px;font-weight:600}.hdbr-colo-resource-info{align-items:center;color:#6b7280;cursor:help;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.hdbr-colo-resource-info svg{height:16px;width:16px}.hdbr-colo-resource-info:hover:after{background:#1f2937;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:400;margin-bottom:8px;padding:8px 12px;white-space:nowrap}.hdbr-colo-resource-info:hover:after,.hdbr-colo-resource-info:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.hdbr-colo-resource-info:hover:before{border:6px solid transparent;border-top-color:#1f2937;content:"";margin-bottom:2px}.hdbr-colo-resource-values{display:flex;justify-content:center;min-width:70px}.hdbr-colo-resource-base-label,.hdbr-colo-resource-total-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.hdbr-colo-resource-slider-row{align-items:center;display:grid;gap:12px;grid-template-columns:1fr 70px;padding-left:52px}.hdbr-colo-resource-values-display{display:flex;justify-content:center;min-width:70px}.hdbr-colo-resource-base,.hdbr-colo-resource-total{color:#6b7280;font-size:14px;font-weight:600;text-align:center;white-space:nowrap}.hdbr-colo-resource-total{color:#374151;font-size:15px;font-weight:700;white-space:nowrap}@media (max-width:768px){.hdbr-colo-resource-header{gap:8px;grid-template-columns:40px 1fr auto}.hdbr-colo-resource-values{display:none}.hdbr-colo-resource-slider-row{grid-template-columns:1fr;padding-left:0}.hdbr-colo-resource-values-display{grid-template-columns:1fr 1fr;margin-top:8px}.hdbr-colo-suggestions{flex-direction:column}.hdbr-colo-suggestion-option{min-width:100%}}.hdbr-colo-calculator .hdbr-section-box{padding:20px}.hdbr-colo-calculator .hdbr-section-title{margin-bottom:16px}.hdbr-colo-divider{background:linear-gradient(90deg,transparent,#e5e7eb 50%,transparent)!important;border:none!important;height:1px!important;margin:24px 0!important}.hdbr-colo-resources-grid{display:grid!important;gap:16px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:40px!important}.hdbr-colo-resource-full-width{grid-column:1/-1!important}.hdbr-colo-dropdowns-row{display:grid!important;gap:16px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:16px!important;margin-top:30px!important}.hdbr-colo-dropdown-item{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:20px!important;transition:all .2s ease!important}.hdbr-colo-dropdown-item:hover{border-color:#d1d5db!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}.hdbr-colo-dropdown-header{align-items:center!important;display:flex!important;gap:12px!important}.hdbr-colo-dropdown-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#374151!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 12px!important;transition:all .2s ease!important;width:100%!important}.hdbr-colo-dropdown-select:hover{border-color:#ff7933!important}.hdbr-colo-dropdown-select:focus{border-color:#ff7933!important;box-shadow:0 0 0 3px rgba(255,121,51,.1)!important;outline:none!important}.hdbr-colo-resource:not(:last-child){margin-bottom:0!important}@media (max-width:768px){.hdbr-colo-dropdowns-row,.hdbr-colo-resources-grid{grid-template-columns:1fr!important}}.hdbr-energy-section,.hdbr-rack-section{display:flex!important;flex-direction:column!important;gap:1px!important;margin-top:0!important}.hdbr-energy-labels,.hdbr-rack-labels{align-items:baseline!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important;padding:0 4px!important}.hdbr-equipment-labels span:first-child,.hdbr-equipment-labels span:last-child,.hdbr-rack-labels span:first-child,.hdbr-rack-labels span:last-child{color:#9ca3af!important;font-size:12px!important;font-weight:500!important;opacity:.8!important}.hdbr-equipment-value,.hdbr-rack-value{color:#111827!important;font-size:30px!important;font-weight:600!important;letter-spacing:-1px!important;line-height:1!important;text-shadow:0 2px 4px rgba(0,0,0,.05)!important;transition:all .3s ease!important}.hdbr-custom-resource-box:hover .hdbr-equipment-value,.hdbr-custom-resource-box:hover .hdbr-rack-value{color:#374151!important;transform:scale(1.05)!important}.hdbr-section-header{align-items:center!important;display:flex!important;gap:10px!important;margin-bottom:20px!important;padding-bottom:16px!important}.hdbr-section-header .hdbr-icon{align-items:center!important;background:#f3f4f6!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;transition:all .2s ease!important;width:40px!important}.hdbr-custom-resource-box:hover .hdbr-section-header .hdbr-icon{background:#e5e7eb!important}.hdbr-icon-power:before,.hdbr-icon-server:before{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;content:""!important;display:block!important;height:24px!important;width:24px!important}.hdbr-icon-server:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b7280' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2M5 12a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2m-2-4h.01M17 16h.01'/%3E%3C/svg%3E")!important}.hdbr-icon-power:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b7280' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11z'/%3E%3C/svg%3E")!important}.hdbr-custom-resource-box:hover .hdbr-icon-server:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23374151' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2M5 12a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2m-2-4h.01M17 16h.01'/%3E%3C/svg%3E")!important}.hdbr-custom-resource-box:hover .hdbr-icon-power:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23374151' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11z'/%3E%3C/svg%3E")!important}.hdbr-icon-equipment,.hdbr-icon-power,.hdbr-icon-server{color:#6b7280!important;height:24px!important;opacity:1!important;transition:opacity .3s ease!important;width:24px!important}.hdbr-custom-resource-box:hover .hdbr-icon-equipment,.hdbr-custom-resource-box:hover .hdbr-icon-power,.hdbr-custom-resource-box:hover .hdbr-icon-server{opacity:1!important}.hdbr-slider-labels{display:flex!important;justify-content:space-between!important;margin-top:8px!important;padding:0 4px!important}.hdbr-slider-labels span{color:#9ca3af!important;font-size:11px!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important}.hdbr-custom-resource-box{background:linear-gradient(135deg,#f9fafb,#fff)!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;padding:24px!important;transition:all .3s ease!important}.hdbr-custom-resource-box:hover{border-color:#d1d5db!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}.hdbr-slider-container{margin-top:2px!important;padding:0 4px!important}.hdbr-slider-track{background:linear-gradient(90deg,#e5e7eb,#f3f4f6)!important;border-radius:4px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)!important;height:8px!important;position:relative!important}.hdbr-slider-progress{background:linear-gradient(90deg,#374151,#4b5563)!important;border-radius:4px!important;box-shadow:0 2px 4px rgba(55,65,81,.2)!important;height:100%!important;left:0!important;position:absolute!important;top:0!important;transition:width .2s ease!important}.hdbr-slider-thumb{background:#fff!important;border:2px solid #374151!important;border-radius:50%!important;box-shadow:0 3px 8px rgba(0,0,0,.15)!important;cursor:grab!important;height:20px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:all .2s ease!important;width:20px!important;z-index:3!important}.hdbr-slider-thumb:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)!important;transform:translate(-50%,-50%) scale(1.1)!important}.hdbr-slider-thumb:active{box-shadow:0 2px 6px rgba(0,0,0,.2)!important;cursor:grabbing!important}.hdbr-energy-value{color:#111827!important;flex:1!important;font-size:30px!important;font-weight:600!important;letter-spacing:-1px!important;line-height:1!important;text-align:center!important;text-shadow:0 2px 4px rgba(0,0,0,.05)!important;transition:all .3s ease!important}.hdbr-custom-resource-box:hover .hdbr-energy-value{color:#374151!important;transform:scale(1.05)!important}.hdbr-energy-labels span:first-child,.hdbr-energy-labels span:last-child{color:#9ca3af!important;font-size:12px!important;font-weight:500!important;opacity:.8!important}[data-tooltip]{cursor:help!important;position:relative!important}[data-tooltip]:hover:after{background:#1f2937!important;border-radius:6px!important;bottom:calc(100% + 8px)!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important;color:#fff!important;content:attr(data-tooltip)!important;font-size:12px!important;padding:8px 12px!important;white-space:nowrap!important}[data-tooltip]:hover:after,[data-tooltip]:hover:before{left:50%!important;position:absolute!important;transform:translateX(-50%)!important;z-index:1000!important}[data-tooltip]:hover:before{border:6px solid transparent!important;border-top-color:#1f2937!important;bottom:calc(100% + 2px)!important;content:""!important}