/* /prolab_hive_configurator/static/src/css/hive_configurator.css */
 .hive-cfg{--hcf-surface: #151515; --hcf-panel-a: #121315; --hcf-panel-b: #0a0b0d; --hcf-field: #1b1d21; --hcf-line: #2a2d34; --hcf-accent: #D61A63; --hcf-accent-2: #5C34CE; --hcf-text: #ffffff; --hcf-muted: #99a0ac; --hcf-warn: #f87171; --hcf-ok: #4ade80; --hcf-mono: 'SFMono-Regular', Consolas, 'Roboto Mono', Menlo, monospace; background-color: var(--hcf-surface); color: var(--hcf-text);}.hive-cfg-hero{background: linear-gradient(180deg, #0a0b0d 0%, #151515 100%); padding: 36px 0 30px; border-bottom: 1px solid var(--hcf-line);}.hive-cfg-crumbs{font-size: 0.8rem; color: var(--hcf-muted); margin-bottom: 22px;}.hive-cfg-crumbs a{color: var(--hcf-muted); text-decoration: none;}.hive-cfg-crumbs a:hover{color: var(--hcf-accent);}.hive-cfg-crumb-sep{margin: 0 8px; opacity: 0.5;}.hive-cfg-crumb-current{color: var(--hcf-text);}.hive-cfg-hero-inner{display: flex; align-items: center; gap: 24px; flex-wrap: wrap;}.hive-cfg-hero-logo{height: 54px; width: auto; max-width: 190px; object-fit: contain; flex: none;}.hive-cfg-h1{font-family: 'Dax', 'Arial', sans-serif; font-weight: 700; text-transform: uppercase; font-size: clamp(28px, 5vw, 50px); line-height: 1.05; margin: 0; color: var(--hcf-text);}.hive-cfg-lede{margin: 8px 0 0; color: var(--hcf-muted); font-size: 0.95rem; max-width: 62ch;}.hive-cfg-body{padding: 34px 0 60px;}.hive-cfg-steps{display: grid; gap: 16px; margin-bottom: 28px;}@media (min-width: 768px){.hive-cfg-steps{grid-template-columns: repeat(2, 1fr);}}.hive-cfg-step{background: linear-gradient(180deg, var(--hcf-panel-a) 0%, var(--hcf-panel-b) 100%); border: 1px solid var(--hcf-line); border-radius: 14px; padding: 18px 20px 20px;}.hive-cfg-step-head{display: flex; align-items: center; gap: 9px;}.hive-cfg-step-n{flex: none; width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; font-family: var(--hcf-mono); font-size: 10px; font-weight: 700; color: #fff; background: linear-gradient(103deg, #D00C65 -1.04%, #5C34CE 95.47%);}.hive-cfg-step-label{font-family: 'Dax', 'Arial', sans-serif; font-weight: 700; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.04em;}.hive-cfg-step-hint{font-size: 0.8rem; color: var(--hcf-muted); margin: 4px 0 12px 29px;}.hive-cfg-select{width: 100%; padding: 11px 40px 11px 14px; background-color: var(--hcf-field); border: 1px solid var(--hcf-line); border-radius: 8px; color: var(--hcf-text); font-size: 0.9rem; font-family: inherit; cursor: pointer; transition: border-color 0.15s ease; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%2399a0ac' stroke-width='1.6'/></svg>"); background-repeat: no-repeat; background-position: right 14px center;}.hive-cfg-select:hover{border-color: var(--hcf-accent);}.hive-cfg-select:focus-visible{outline: 2px solid var(--hcf-accent); outline-offset: 2px; border-color: var(--hcf-accent);}.hive-cfg-select option{background-color: var(--hcf-field); color: var(--hcf-text);}.hive-cfg-select option:disabled{color: #5a6270;}.hive-cfg-subfield{margin-top: 12px;}.hive-cfg-subfield label{display: block; font-size: 0.72rem; color: var(--hcf-muted); margin-bottom: 6px; letter-spacing: 0.04em; text-transform: uppercase;}.hive-cfg-note{font-size: 0.8rem; color: var(--hcf-accent); margin: 10px 0 0 29px; display: none;}.hive-cfg-note.on{display: block;}.hive-cfg-esc{display: block; margin: 9px 0 0 -29px; padding: 10px 14px; font-size: 0.8rem; line-height: 1.5; color: #e7e9ee; background: rgba(208, 12, 101, 0.09); border-left: 3px solid var(--hcf-accent); border-radius: 0 8px 8px 0;}.hive-cfg-esc b{color: var(--hcf-accent); font-weight: 700;}.hive-cfg-result{background: linear-gradient(180deg, var(--hcf-panel-a) 0%, var(--hcf-panel-b) 100%) padding-box, linear-gradient(103deg, #D00C65 -1.04%, #5C34CE 95.47%) border-box; border: 2px solid transparent; border-radius: 18px; padding: 26px; margin-bottom: 16px;}.hive-cfg-eyebrow{font-size: 0.68rem; letter-spacing: 0.18em; color: var(--hcf-muted); text-transform: uppercase;}.hive-cfg-pname{font-family: 'Dax', 'Arial', sans-serif; font-weight: 700; font-size: clamp(21px, 3.4vw, 30px); margin: 7px 0 15px; line-height: 1.15;}.hive-cfg-trail{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 0.78rem; margin-bottom: 16px;}.hive-cfg-trail .t{background: var(--hcf-field); border: 1px solid var(--hcf-line); padding: 4px 12px; border-radius: 999px;}.hive-cfg-trail .arw{color: var(--hcf-accent);}.hive-cfg-trail .t.final{border-color: transparent; background: linear-gradient(103deg, #D00C65 -1.04%, #5C34CE 95.47%); color: #fff; font-weight: 700;}.hive-cfg-why{font-size: 0.88rem; line-height: 1.6; color: #c9cfd8; background: rgba(255, 255, 255, 0.035); border-left: 3px solid var(--hcf-accent-2); padding: 11px 15px; border-radius: 0 8px 8px 0; margin-bottom: 18px;}.hive-cfg-flag{display: none; font-size: 0.88rem; line-height: 1.6; background: rgba(248, 113, 113, 0.09); border-left: 3px solid var(--hcf-warn); color: #fca5a5; padding: 11px 15px; border-radius: 0 8px 8px 0; margin-bottom: 18px;}.hive-cfg-flag.on{display: block;}.hive-cfg-lines-title{font-size: 0.7rem; letter-spacing: 0.14em; color: var(--hcf-muted); text-transform: uppercase; margin-bottom: 9px;}.hive-cfg-lines{border: 1px solid var(--hcf-line); border-radius: 12px; overflow: hidden; margin-bottom: 12px;}.hive-cfg-line{display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-bottom: 1px solid var(--hcf-line); background: rgba(255, 255, 255, 0.018);}.hive-cfg-line:last-child{border-bottom: none;}.hive-cfg-line-img{flex: none; width: 44px; height: 44px; border-radius: 8px; object-fit: contain; background: #000; padding: 3px;}.hive-cfg-line-qty{flex: none; min-width: 38px; font-family: var(--hcf-mono); font-size: 0.85rem; font-weight: 700; color: var(--hcf-accent);}.hive-cfg-line-main{min-width: 0; flex: 1;}.hive-cfg-line-ref{font-family: var(--hcf-mono); font-size: 0.82rem; word-break: break-word;}.hive-cfg-line-ref a{color: var(--hcf-text); text-decoration: none;}.hive-cfg-line-ref a:hover{color: var(--hcf-accent); text-decoration: underline;}.hive-cfg-line-desc{font-size: 0.76rem; color: var(--hcf-muted); margin-top: 2px;}.hive-cfg-line-missing{font-size: 0.72rem; color: #fbbf24; margin-top: 3px;}.hive-cfg-line-add{flex: none; background: transparent; border: 1px solid var(--hcf-line); color: var(--hcf-muted); font-family: inherit; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 7px 13px; border-radius: 7px; cursor: pointer; transition: all 0.18s ease; white-space: nowrap;}.hive-cfg-line-add:hover:not(:disabled){border-color: var(--hcf-accent); color: var(--hcf-accent);}.hive-cfg-line-add:disabled{opacity: 0.45; cursor: not-allowed;}.hive-cfg-todo{display: none; font-size: 0.82rem; line-height: 1.6; color: #d6c08a; background: rgba(251, 191, 36, 0.07); border-left: 3px solid #fbbf24; padding: 11px 15px; border-radius: 0 8px 8px 0; margin-bottom: 14px;}.hive-cfg-todo.on{display: block;}.hive-cfg-todo ul{margin: 6px 0 0; padding-left: 20px;}.hive-cfg-todo a{color: #fbbf24;}.hive-cfg-internal{border: 1px dashed var(--hcf-line); border-radius: 12px; padding: 14px 16px 12px; margin-bottom: 16px; background: rgba(255, 255, 255, 0.02);}.hive-cfg-internal-head{display: flex; align-items: center; gap: 7px; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--hcf-muted); margin-bottom: 11px;}.hive-cfg-mode{display: inline-flex; gap: 2px; padding: 2px; margin-bottom: 11px; background: var(--hcf-field); border: 1px solid var(--hcf-line); border-radius: 9px;}.hive-cfg-mode-btn{background: transparent; border: none; color: var(--hcf-muted); font-family: inherit; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 7px 14px; border-radius: 7px; cursor: pointer; transition: all 0.15s ease;}.hive-cfg-mode-btn:hover{color: var(--hcf-text);}.hive-cfg-mode-btn.on{background: linear-gradient(103deg, #D00C65 -1.04%, #5C34CE 95.47%); color: #fff;}.hive-cfg-mode-btn:focus-visible{outline: 2px solid var(--hcf-accent); outline-offset: 2px;}.hive-cfg-internal-row{display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap;}.hive-cfg-partner{position: relative; flex: 1 1 280px; min-width: 0;}.hive-cfg-input{width: 100%; padding: 10px 14px; background-color: var(--hcf-field); border: 1px solid var(--hcf-line); border-radius: 8px; color: var(--hcf-text); font-size: 0.86rem; font-family: inherit;}.hive-cfg-input::placeholder{color: #6b7280;}.hive-cfg-input:focus-visible{outline: 2px solid var(--hcf-accent); outline-offset: 2px; border-color: var(--hcf-accent);}.hive-cfg-partner-results{display: none; position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; right: 0; max-height: 260px; overflow-y: auto; background: #14161a; border: 1px solid var(--hcf-line); border-radius: 10px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);}.hive-cfg-partner-results.on{display: block;}.hive-cfg-partner-hit{display: flex; flex-direction: column; gap: 2px; width: 100%; text-align: left; background: transparent; border: none; border-bottom: 1px solid var(--hcf-line); padding: 9px 13px; cursor: pointer; font-family: inherit;}.hive-cfg-partner-hit:last-child{border-bottom: none;}.hive-cfg-partner-hit:hover{background: rgba(214, 26, 99, 0.12);}.hive-cfg-partner-name{font-size: 0.85rem; color: var(--hcf-text);}.hive-cfg-partner-detail{font-size: 0.73rem; color: var(--hcf-muted);}.hive-cfg-partner-empty{padding: 10px 13px; font-size: 0.8rem; color: var(--hcf-muted);}.hive-cfg-internal-note{margin: 10px 0 0; font-size: 0.75rem; color: var(--hcf-muted);}.hive-cfg-actions{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}.hive-cfg-btn{display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0 18px; font-family: inherit; font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; border-radius: 8px; cursor: pointer; text-decoration: none !important; transition: all 0.2s ease; white-space: nowrap;}.hive-cfg-btn-solid{background: var(--hcf-accent); color: #fff !important; border: none;}.hive-cfg-btn-solid:hover:not(:disabled){background: #b8154f; color: #fff !important;}.hive-cfg-btn-solid:disabled{opacity: 0.5; cursor: not-allowed;}.hive-cfg-btn-ghost{background: transparent; color: var(--hcf-muted) !important; border: 1px solid var(--hcf-line);}.hive-cfg-btn-ghost:hover{border-color: var(--hcf-accent); color: var(--hcf-accent) !important;}.hive-cfg-btn:focus-visible{outline: 2px solid var(--hcf-accent); outline-offset: 2px;}.hive-cfg-copied{font-size: 0.78rem; color: var(--hcf-ok); opacity: 0; transition: opacity 0.2s ease;}.hive-cfg-copied.on{opacity: 1;}.hive-cfg-specs{border-top: 1px solid var(--hcf-line); margin-top: 22px; padding-top: 20px;}.hive-cfg-spec-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 22px;}@media (min-width: 768px){.hive-cfg-spec-grid{grid-template-columns: repeat(3, 1fr);}}.hive-cfg-spec-l{font-size: 0.7rem; color: var(--hcf-muted); margin-bottom: 3px; text-transform: uppercase; letter-spacing: 0.04em;}.hive-cfg-spec-v{font-size: 0.86rem; font-weight: 600;}.hive-cfg-rail-head{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 34px 0 12px;}.hive-cfg-rail-head h2{font-family: 'Dax', 'Arial', sans-serif; font-weight: 700; font-size: 1.15rem; text-transform: uppercase; margin: 0;}.hive-cfg-rail-head p{font-size: 0.78rem; color: var(--hcf-muted); margin: 0;}.hive-cfg-rail{display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));}.hive-cfg-card{background: linear-gradient(180deg, var(--hcf-panel-a) 0%, var(--hcf-panel-b) 100%); border: 2px solid transparent; border-radius: 12px; padding: 15px; cursor: pointer; text-align: left; font-family: inherit; color: inherit; width: 100%; transition: all 0.22s ease;}.hive-cfg-card:hover:not(.off){transform: translateY(-4px); background: linear-gradient(180deg, var(--hcf-panel-a) 0%, var(--hcf-panel-b) 100%) padding-box, linear-gradient(103deg, #D00C65 -1.04%, #5C34CE 95.47%) border-box;}.hive-cfg-card.on{background: linear-gradient(180deg, #1a1c20 0%, #101114 100%) padding-box, linear-gradient(103deg, #D00C65 -1.04%, #5C34CE 95.47%) border-box;}.hive-cfg-card.off{opacity: 0.35; cursor: not-allowed;}.hive-cfg-card:focus-visible{outline: 2px solid var(--hcf-accent); outline-offset: 2px;}.hive-cfg-card-n{font-family: 'Dax', 'Arial', sans-serif; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; gap: 8px;}.hive-cfg-dot{flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--hcf-accent); visibility: hidden;}.hive-cfg-card.on .hive-cfg-dot{visibility: visible;}.hive-cfg-card-t{font-size: 0.76rem; color: var(--hcf-muted); margin-top: 6px; line-height: 1.5;}.hive-cfg-card-x{font-size: 0.72rem; color: var(--hcf-warn); margin-top: 7px; display: none;}.hive-cfg-card.off .hive-cfg-card-x{display: block;}.hive-cfg-foot{margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--hcf-line); font-size: 0.76rem; line-height: 1.6; color: #6f7784;}.hive-cfg-backlink{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px;}#hive-cfg-toast{position: fixed; top: 1rem; right: 1rem; z-index: 9999; display: flex; flex-direction: column; gap: 0.5rem;}.hive-cfg-toast-item{min-width: 250px; padding: 11px 15px; border-radius: 9px; font-size: 0.85rem; color: #fff; background: #1b1d21; border-left: 3px solid var(--hcf-ok); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.45); opacity: 1; transition: opacity 0.4s ease;}.hive-cfg-toast-item.warn{border-left-color: #fbbf24;}.hive-cfg-toast-item.err{border-left-color: var(--hcf-warn);}.hive-cfg-toast-item a{color: var(--hcf-accent); font-weight: 700;}@media (prefers-reduced-motion: reduce){.hive-cfg *, .hive-cfg-promo{transition: none !important;}.hive-cfg-card:hover:not(.off){transform: none;}}