/* Варианты исходного блока: две колонки, строки и цвета действующего ЛК. */
.variant-switch{display:flex;gap:6px;flex-wrap:wrap;margin:-5px 0 22px;font-size:11px}.variant-switch a{padding:7px 11px;color:#a7adb9;border:1px solid #393441;border-radius:6px}.variant-switch a[aria-current=page]{background:#333046;color:#eee;border-color:#715196}.variant-description{color:#a7adb9;font-size:12px;margin:0 0 20px}
.current-widget{background:#1c1a28;border-radius:16px;padding:28px 30px 24px}.current-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.current-heading h2{font-size:22px;font-weight:600;margin:0 0 12px}.current-heading p{font-size:14px;color:#a7adb9;line-height:1.55;max-width:850px}.active-total{display:flex;align-items:center;gap:9px;font-size:36px;font-weight:500;white-space:nowrap;line-height:1.2;padding-top:3px}.active-total i{width:13px;height:13px;border-radius:50%;background:#ff4747}
.current-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:32px;margin-top:26px;align-items:start}.column-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding-bottom:16px;border-bottom:1px solid #44434f}.column-heading h3{font-size:18px;font-weight:600}.column-heading span{font-size:10px;color:#a7adb9}.active-row{display:flex;align-items:center;gap:18px;margin-top:23px}.current-widget .room-logo{border-radius:50%;width:42px;height:42px;background:#eee}.active-body{flex:1;min-width:0}.active-body strong{font-size:16px;color:#a7adb9;font-weight:500}.active-distribution{display:flex;gap:16px;align-items:center;margin-top:8px;font-size:15px;color:#a7adb9;font-weight:500}.active-distribution .track{flex:1;height:10px;border-radius:7px;overflow:hidden;background:#494654}.active-distribution i{height:100%;display:block;background:#8849d1;border-radius:7px}.active-helper{font-size:11px;color:#93909f;line-height:1.6;margin:23px 0 0}.active-helper[hidden]{display:none}.new-search{display:flex;align-items:center;gap:6px;font-size:11px;color:#a7adb9}.new-search input{border:1px solid #45404f;border-radius:6px;padding:7px 9px;width:150px;font-size:11px;background:#211e2d;color:#eee}.new-search input::placeholder{color:#a09ba9}
.new-row{padding:18px 0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:17px;align-items:center}.new-row+.new-row{border-top:1px solid #ffffff06}.new-body{min-width:0}.new-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.new-title h4{font-size:16px;line-height:1.4;color:#a7adb9;font-weight:500;margin:0}.order-badge{color:#cfa4f4;border:1px solid #674b81;background:#33263f;font-size:9px;border-radius:4px;padding:2px 6px;font-weight:500;white-space:nowrap}.current-widget .offer-button{font-size:11px;line-height:1.45;margin:5px 0 0;color:#c4a3e9;gap:6px}.current-widget .offer-button .info-icon{width:12px;height:12px;font-size:9px}.current-widget .no-offer{font-size:10px;margin:4px 0 0;color:#97929f}.current-widget .connect-button{background:#3b3b5b;border-radius:7px;border:0;padding:11px 17px;font-size:13px;font-weight:600;min-width:130px;color:#eee;white-space:nowrap}.current-widget .connect-button span{display:none}.current-widget .connect-button:disabled{font-size:11px;min-width:130px}.row-network-details{grid-column:2/-1;font-size:10px;color:#9d94aa;margin-top:-11px}.row-network-details summary{cursor:pointer;width:fit-content;padding:4px 0}.row-network-details[open] summary{color:#cfb6e8}.network-options{margin-top:6px;border-left:1px solid #51415e;padding-left:12px}.network-option{padding:8px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.network-option strong{font-weight:500;font-size:11px}.network-option .offer-button{font-size:10px}.network-option .connect-button{font-size:10px;padding:8px 9px;min-width:0}
.more-rooms{width:100%;background:transparent;color:#c9b1e1;border-top:1px solid #44404e;font-size:12px;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:17px 0 3px;margin-top:7px}.more-rooms .arrow{font-size:17px}.more-rooms[aria-expanded=true] .arrow{transform:rotate(180deg)}.current-tip{font-size:10px;color:#9792a2;line-height:1.6;margin-top:19px;padding-top:14px;border-top:1px solid #ffffff09;display:flex;gap:7px;align-items:flex-start}.current-tip .info-icon{flex:none;margin-top:2px;width:12px;height:12px}.search-status{font-size:11px;color:#a7adb9;margin-top:13px}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0 5px;color:#c8aadf;font-size:11px;font-weight:500}.group-heading span{font-size:10px;color:#a49aaf;font-weight:400}.grouped .priority-rows{margin:12px -13px 0;padding:0 13px;background:#252031;border-radius:9px;border:1px solid #453650}.grouped .priority-rows .group-heading{padding-top:13px}.grouped .new-row{padding:16px 0}.grouped .new-title h4{color:#ddd3e8}.grouped .new-row+.new-row{border-top:1px solid #403449}.grouped .more-rooms{margin-top:17px}.grouped .secondary-rows .new-title h4{color:#a7adb9}.grouped .secondary-rows .new-row{border-color:#ffffff08}.current-widget .empty{font-size:12px;padding:28px 0}.room-context{color:#a7adb9;font-size:10px;margin-bottom:5px}
@media(min-width:1500px){main{max-width:1530px}.current-widget{padding:34px 36px}.current-columns{gap:40px}.current-heading p{max-width:1050px}.current-heading h2{font-size:24px}.current-widget .room-logo{width:46px;height:46px}.new-row{grid-template-columns:46px minmax(0,1fr) auto}.current-widget .connect-button{font-size:14px;padding:12px 20px}.current-widget .offer-button{font-size:12px}.new-title h4,.active-body strong{font-size:17px}}
@media(max-width:1000px){.current-widget{padding:24px}.current-columns{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:24px}.new-row{gap:11px}.current-widget .connect-button{min-width:105px;font-size:11px;padding:10px 12px}.new-search input{width:125px}.active-row{gap:12px}.active-distribution{gap:10px}}
@media(max-width:760px){.current-widget{padding:20px 18px}.current-heading h2{font-size:21px}.current-heading p{font-size:12px}.current-heading{gap:14px;position:relative}.active-total{font-size:26px;position:absolute;right:0;top:0}.active-total i{width:9px;height:9px}.current-heading h2{padding-right:100px}.current-columns{grid-template-columns:1fr;gap:25px;margin-top:22px}.column-heading{padding-bottom:12px;min-height:36px}.column-heading h3{font-size:16px}.active-row{margin-top:16px}.active-body strong{font-size:14px}.current-widget .room-logo{width:36px;height:36px}.active-distribution{font-size:13px;margin-top:5px}.active-distribution .track{height:7px}.new-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:15px 0}.new-title{gap:5px}.new-title h4{font-size:14px}.current-widget .offer-button{font-size:10px;line-height:1.55;gap:5px}.current-widget .connect-button{min-width:0;font-size:10px;padding:10px}.current-widget .connect-button:disabled{min-width:0;font-size:9px;white-space:normal;width:89px}.order-badge{font-size:8px;padding:1px 4px}.new-search input{width:136px}.row-network-details{margin-top:-7px}.current-tip{font-size:9px}.variant-switch{font-size:10px;gap:5px}.variant-switch a{padding:6px 8px}.variant-description{font-size:11px}.network-option{gap:8px}.network-option .connect-button{padding:8px;font-size:9px}.grouped .priority-rows{margin-left:-8px;margin-right:-8px;padding:0 8px}.new-column{min-width:0}}
@media(max-width:360px){.new-row{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}.new-row>.room-logo{width:30px;height:30px}.current-widget .connect-button{padding:9px 7px;font-size:9px}.new-title h4{font-size:13px}.order-badge{font-size:7px}.new-search input{width:116px}}

/* Вся строка — кнопка; акция остаётся отдельной кнопкой поверх неё. */
.current-widget .new-row{position:relative;isolation:isolate;margin-inline:-12px;padding-inline:12px;border-radius:9px;min-height:82px;transition:background .16s ease,box-shadow .16s ease}
.current-widget .row-action{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;border-radius:inherit;padding:0;background:transparent;cursor:pointer;outline:none}
.current-widget .new-row>.room-logo,.current-widget .new-title,.current-widget .no-offer,.current-widget .row-cta{pointer-events:none}
.current-widget .new-row .offer-button{position:relative;z-index:2}
.current-widget .row-cta{color:#a7adb9;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;font-weight:500;transition:color .16s ease}
.current-widget .row-cta>span{font-size:17px;transition:transform .16s ease}
.current-widget .new-row:has(.row-action:focus-visible){background:#30283f;box-shadow:inset 0 0 0 2px #bc8aee}
.current-widget .new-row:has(.row-action:active){background:#3a2d4b}
.current-widget .new-row.is-pending .row-cta{color:#5bd49a}
.current-widget .row-action:disabled{cursor:default}
@media(hover:hover){.current-widget .new-row:has(.row-action:not(:disabled)):hover{background:#30283f;box-shadow:inset 0 0 0 1px #614777}.current-widget .new-row:has(.row-action:not(:disabled)):hover .new-title h4{color:#eee}.current-widget .new-row:has(.row-action:not(:disabled)):hover .row-cta{color:#dec2fa}.current-widget .new-row:has(.row-action:not(:disabled)):hover .row-cta>span{transform:translateX(3px)}}
@media(max-width:760px){.current-widget .new-row{margin-inline:-8px;padding-inline:8px}.current-widget .row-cta{font-size:10px;gap:6px}.current-widget .row-cta>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.current-widget .new-row,.current-widget .row-cta,.current-widget .row-cta>span{transition:none}}