/* Окружение блока «Румы»: статические примеры остальных показателей ЛК. */
main{max-width:1440px;padding-top:26px}.topbar{background:#1c1a28}.topbar-inner{max-width:1440px}.page-heading{margin-bottom:20px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:27px}.period-placeholder{display:flex;gap:2px;padding:3px;border:1px solid #43404d;background:#1c1a28;border-radius:7px;font-size:11px;color:#a7adb9}.period-placeholder span{padding:6px 11px;border-radius:4px;white-space:nowrap}.period-placeholder .selected{background:#373247;color:#eee;font-weight:600}
.variant-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap;height:auto;margin:0 0 22px;font-size:11px}.variant-switch a{height:auto;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-switch a:hover{background:#2a2536;color:#eee}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(280px,1fr);gap:22px;align-items:start}.dashboard-main,.dashboard-sidebar{min-width:0}.dashboard-sidebar{display:grid;gap:20px}.placeholder-card{background:#1c1a28;border-radius:12px;padding:21px;min-width:0}.placeholder-card h3{font-size:14px;font-weight:600;line-height:1.4}.placeholder-card p{font-size:11px;color:#a7adb9;margin:5px 0 0;line-height:1.45}.placeholder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.placeholder-value{font-size:28px;font-weight:600;line-height:1.2;white-space:nowrap;display:flex;align-items:center;gap:6px;letter-spacing:-.7px}.status-dot{height:8px;width:8px;border-radius:50%;display:inline-block;flex:none;background:#3ec779}.status-dot.bad{background:#ff4747}.status-dot.warning{background:#ebd640}.placeholder-ranges{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:9px;font-weight:600}.placeholder-ranges span{border-radius:5px;padding:3px 6px;white-space:nowrap}.range-bad{background:#4b2532;color:#f56a80}.range-mid{background:#695b1e;color:#f2d457}.range-good{background:#223f37;color:#50ca89}.placeholder-ranges .league-average{margin-left:auto;border:1px solid #423b52;color:#a7adb9;background:transparent;font-size:9px}.placeholder-ranges .league-top{margin-left:auto;color:#b593e6;background:#392b4d;font-size:9px}
.problem-placeholder{background:#262234;border-radius:10px;border-left:4px solid #ff4747;padding:20px;margin-bottom:19px}.problem-placeholder summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:18px;color:#ff5454;cursor:pointer;font-weight:600}.problem-placeholder summary::-webkit-details-marker{display:none}.problem-placeholder summary b{font-size:12px;background:#ff4747;color:white;padding:1px 9px;border-radius:8px}.problem-placeholder summary span{margin-left:auto;color:#a7adb9;font-weight:400}.problem-placeholder ul{font-size:12px;color:#c7bdcc;margin:14px 0 0;padding-left:17px;line-height:1.8}.section-placeholder-title{font-size:18px;font-weight:600;margin:0 0 15px}.main-placeholders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-bottom:20px}.main-placeholders .placeholder-card{display:flex;flex-direction:column;min-height:250px}.main-placeholders .placeholder-ranges{margin-top:auto;padding-top:14px}.chart-placeholder{height:132px;margin-top:11px;position:relative}.chart-placeholder .chart-label{font-size:9px;color:#85818f}.chart-placeholder svg{height:110px;width:100%;display:block}.empty-chart{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;padding-top:17px;text-align:center;gap:9px}.empty-chart svg{width:55px;height:55px;stroke:#777380;stroke-width:2;fill:none}.empty-chart p{max-width:220px;font-size:11px;font-weight:500;color:#cbc5d1}.calendar-placeholder{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:22px}.calendar-placeholder .weekday{font-size:9px;color:#98939f;text-align:center;margin-bottom:4px}.calendar-placeholder .day{min-height:35px;aspect-ratio:1;display:grid;place-items:center;background:#262234;border-radius:4px;font-size:10px;font-weight:500;color:#c2bbc9}.calendar-placeholder .day.dim{opacity:.4}.calendar-placeholder .day.today{outline:1px solid #e3dbea;outline-offset:-1px}.sidebar-divider{border:0;border-top:1px solid #45404d;margin:21px 0}.placeholder-memo{margin-top:20px;padding:19px 22px;border-radius:12px;background:#1c1a28}.placeholder-memo summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-size:13px;font-weight:500}.placeholder-memo summary::-webkit-details-marker{display:none}.placeholder-memo summary span{color:#a7adb9}.placeholder-memo p{font-size:12px;color:#a7adb9;line-height:1.6;margin-top:13px}
/* Сохраняем две колонки внутри виджета при наличии боковой панели. */
.dashboard-layout .current-widget{padding:22px}.dashboard-layout .current-heading{position:relative;padding-right:70px}.dashboard-layout .current-heading h2{font-size:18px;margin-bottom:8px}.dashboard-layout .current-heading p{font-size:11px;line-height:1.5}.dashboard-layout .active-total{position:absolute;right:0;top:0;font-size:29px}.dashboard-layout .active-total i{width:9px;height:9px}.dashboard-layout .current-columns{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:22px;margin-top:22px}.dashboard-layout .column-heading{min-height:36px;padding-bottom:12px}.dashboard-layout .column-heading h3{font-size:14px}.dashboard-layout .current-widget .room-logo{width:32px;height:32px}.dashboard-layout .active-row{gap:12px;margin-top:20px}.dashboard-layout .active-body strong{font-size:13px}.dashboard-layout .active-distribution{font-size:12px;gap:9px}.dashboard-layout .active-distribution .track{height:7px}.dashboard-layout .new-row{grid-template-columns:32px minmax(0,1fr) auto;gap:11px;min-height:80px;padding-top:16px;padding-bottom:16px}.dashboard-layout .new-title h4{font-size:13px}.dashboard-layout .current-widget .offer-button{font-size:10px}.dashboard-layout .current-widget .row-cta{font-size:10px;gap:7px}.dashboard-layout .current-widget .row-cta>span{font-size:14px}.dashboard-layout .more-rooms{font-size:11px}.dashboard-layout .current-tip{font-size:9px}.dashboard-layout .current-tip .info-icon{width:11px;height:11px}.dashboard-layout .group-heading{font-size:10px}
/* Первый вариант использует то же окружение для честного сравнения. */
.dashboard-layout .rooms-heading{padding:22px}.dashboard-layout .rooms-heading h2{font-size:20px}.dashboard-layout .rooms-heading p{font-size:11px}.dashboard-layout .recommendation-intro{margin-inline:22px;padding:14px}.dashboard-layout .priority-area{padding:22px}.dashboard-layout .priority-list{gap:10px}.dashboard-layout .priority-card{padding:13px}.dashboard-layout .priority-card .room-logo{width:30px;height:30px}.dashboard-layout .priority-card .room-heading{gap:8px}.dashboard-layout .priority-card .room-heading h3{font-size:13px}.dashboard-layout .priority-card .offer-button{font-size:11px}.dashboard-layout .priority-card .offer-caption{font-size:10px}.dashboard-layout .catalog-toolbar{padding-inline:22px;flex-wrap:wrap}.dashboard-layout .catalog-list{grid-template-columns:1fr}.dashboard-layout .connected-area{padding-inline:22px}.dashboard-layout .connected-list{grid-template-columns:1fr}.dashboard-layout .connected-room .share-bar{display:block}
@media(max-width:1150px){.dashboard-layout{grid-template-columns:minmax(0,2.15fr) minmax(250px,1fr);gap:18px}.placeholder-card{padding:17px}.placeholder-value{font-size:23px}.placeholder-heading{gap:8px}.placeholder-card h3{font-size:12px}.placeholder-card p{font-size:10px}.dashboard-layout .current-widget{padding:18px}.dashboard-layout .current-columns{gap:18px;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}.dashboard-layout .new-row{gap:8px}.dashboard-layout .current-widget .row-cta{font-size:0;gap:0}.dashboard-layout .current-widget .is-pending .row-cta{font-size:9px;max-width:53px;white-space:normal}.dashboard-layout .priority-list{grid-template-columns:1fr}.dashboard-layout .priority-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}.dashboard-layout .priority-caption{grid-column:1/-1;margin-bottom:8px}.dashboard-layout .priority-card .offer-button,.dashboard-layout .priority-card .offer-caption{grid-column:1/-1}.dashboard-layout .priority-card .connect-button{grid-column:2;grid-row:2;align-self:center;margin:0;width:auto}}
@media(max-width:900px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-sidebar>.placeholder-card:first-child{grid-row:span 3}.dashboard-layout .current-columns{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.dashboard-layout .current-widget .row-cta{font-size:11px;gap:6px}.dashboard-layout .priority-list{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-layout .priority-card{display:flex}.dashboard-layout .priority-card .connect-button{margin-top:15px;width:100%}}
@media(max-width:600px){main{padding:20px 16px}.page-heading{align-items:flex-start;gap:12px;flex-direction:column}.period-placeholder{font-size:9px;max-width:100%}.period-placeholder span{padding:6px 8px}.variant-switch{font-size:9px;gap:5px}.variant-switch a{padding:6px 8px}.main-placeholders{gap:10px}.main-placeholders .placeholder-card{padding:13px;min-height:235px}.placeholder-heading{flex-wrap:wrap}.placeholder-value{font-size:22px}.placeholder-ranges{gap:3px;font-size:8px}.placeholder-ranges span{padding:3px 4px}.placeholder-ranges .league-average{margin-left:0;font-size:8px}.section-placeholder-title{font-size:16px}.problem-placeholder{padding:17px}.problem-placeholder summary{font-size:15px}.dashboard-layout .current-heading{padding-right:0}.dashboard-layout .current-heading h2{padding-right:85px}.dashboard-layout .current-columns{grid-template-columns:1fr;gap:23px}.dashboard-layout .current-widget .row-cta{font-size:10px}.dashboard-sidebar{grid-template-columns:1fr}.dashboard-sidebar>.placeholder-card:first-child{grid-row:auto}.calendar-placeholder .day{max-height:48px;aspect-ratio:auto}.dashboard-layout .priority-list{grid-template-columns:1fr}.dashboard-layout .catalog-toolbar .search{width:100%}.dashboard-layout .current-heading p{max-width:none}.dashboard-layout .priority-card{padding:16px}.dashboard-layout .current-widget{padding:18px}.dashboard-layout .new-row{gap:10px}}