.cost-margin-workspace{min-width:0;background:#f3f6f5}.cost-margin-topbar{height:auto;min-height:108px;padding:20px 30px;gap:12px;flex-wrap:wrap;background:#fff}.cost-margin-topbar .topbar__title{min-width:360px;margin-right:auto}.cost-margin-topbar h1{font-size:28px}.cost-margin-prototype{padding:7px 10px;border:1px solid #cadfdd;border-radius:4px;background:#edf6f5;color:#426568;font-size:11px;font-weight:700}.cost-margin-top-status{order:5;width:100%;min-height:16px;margin:0;color:#667578;font-size:11px;text-align:right}.cost-margin-body{padding:18px 24px 30px}.cost-margin-period{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px;padding:10px;border:1px solid #dce5e3;border-radius:7px;background:#fff;flex-wrap:wrap}.cost-margin-period-title{min-width:125px}.cost-margin-period-title span,.cost-margin-period-title b{display:block}.cost-margin-period-title span{color:#718084;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.cost-margin-period-title b{margin-top:4px;font-size:12px}.cost-margin-period-presets{display:flex;gap:3px;margin-right:auto}.cost-margin-period-presets button,.cost-margin-filter-buttons button{min-height:38px;padding:7px 11px;border:0;border-radius:4px;background:transparent;color:#667578;cursor:pointer}.cost-margin-period-presets button[aria-pressed=true],.cost-margin-filter-buttons button[aria-pressed=true]{background:#08737a;color:#fff}.cost-margin-period label{display:grid;gap:4px;color:#718084;font-size:10px}.cost-margin-period input,.cost-margin-period select,.cost-margin-filters select{min-height:38px;padding:6px 9px;border:1px solid #cfd8d7;border-radius:4px;background:#fff;color:#182326}.cost-margin-period input{width:132px}.cost-margin-period select{min-width:165px}.cost-margin-period-range{display:flex;gap:7px}.cost-margin-period-error{width:100%;margin:2px 0 0;color:#a23d36;font-size:11px}.cost-margin-period-error[hidden]{display:none}.cost-margin-snapshot{display:flex;justify-content:flex-end;gap:7px;margin:0 0 8px;color:#718084;font-size:11px}.cost-margin-snapshot b{color:#354447}.cost-margin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cost-margin-kpis article{padding:14px;border:1px solid #dce5e3;border-radius:7px;background:#fff}.cost-margin-kpis span,.cost-margin-kpis b,.cost-margin-kpis small{display:block}.cost-margin-kpis span,.cost-margin-kpis small{color:#718084;font-size:11px}.cost-margin-kpis b{margin:7px 0 4px;font-size:20px;white-space:nowrap}.cost-margin-kpis .is-positive b{color:#267851}.cost-margin-rule{display:flex;gap:9px;margin:10px 0;padding:11px 13px;background:#e9f4f3;color:#5d7072;font-size:11px;line-height:1.45}.cost-margin-rule>span{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;border-radius:50%;background:#08737a;color:#fff}.cost-margin-rule p{margin:0}.cost-margin-rule b{color:#182326}.cost-margin-filters{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px;padding:10px;border:1px solid #dce5e3;border-radius:7px;background:#fff;flex-wrap:wrap}.cost-margin-filter-buttons{display:flex;gap:3px;margin-right:auto}.cost-margin-filters label{display:grid;gap:5px;min-width:190px;color:#718084;font-size:10px}.cost-margin-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.cost-margin-register,.cost-margin-detail{border:1px solid #dce5e3;border-radius:7px;background:#fff;box-shadow:0 7px 20px rgba(30,55,57,.04)}.cost-margin-register{min-width:0;overflow:hidden}.cost-margin-register>header,.cost-margin-row{display:grid;grid-template-columns:minmax(175px,1.2fr) 88px 80px 86px 86px 92px;gap:8px;align-items:center}.cost-margin-register>header{min-height:44px;padding:0 12px;background:#f7f9f8;color:#718084;font-size:10px;text-transform:uppercase}.cost-margin-row{width:100%;min-height:70px;padding:10px 12px;border:0;border-top:1px solid #e3e9e8;background:#fff;color:#182326;text-align:left;cursor:pointer}.cost-margin-row:hover{background:#f7f9f8}.cost-margin-row.is-selected{background:#e9f4f3;box-shadow:inset 3px 0 #08737a}.cost-margin-row b,.cost-margin-row small{display:block}.cost-margin-row b{font-size:12px}.cost-margin-row small{margin-top:3px;color:#718084;font-size:10px}.cost-margin-number{font-size:12px;white-space:nowrap}.cost-margin-profit{color:#267851;font-weight:800}.cost-margin-deviation.is-risk{color:#a23d36}.cost-margin-deviation{color:#267851;font-size:11px}.cost-margin-empty{padding:30px;color:#718084;text-align:center;font-size:12px}.cost-margin-detail{padding:16px;position:sticky;top:14px}.cost-margin-detail-status{display:flex;align-items:center;justify-content:space-between;gap:8px}.cost-margin-detail-status span{padding:6px 8px;border-radius:10px;background:#fff2d9;color:#8a5d13;font-size:10px;font-weight:750}.cost-margin-detail-status span.is-ok{background:#e8f5ed;color:#267851}.cost-margin-detail-status em{color:#718084;font-size:10px;font-style:normal}.cost-margin-detail h2{margin:14px 0 3px;font-size:18px}.cost-margin-detail>p{margin:0;color:#718084;font-size:11px}.cost-margin-price{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.cost-margin-price>div{padding:10px;background:#f7f9f8}.cost-margin-price span,.cost-margin-price b{display:block}.cost-margin-price span{color:#718084;font-size:10px}.cost-margin-price b{margin-top:5px;font-size:16px}.cost-margin-price .is-profit{background:#e8f5ed;color:#267851}.cost-margin-breakdown-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:7px 0;border-bottom:1px solid #cfd8d7;color:#718084;font-size:10px;text-transform:uppercase}.cost-margin-breakdown-head span:not(:first-child){text-align:right}.cost-margin-breakdown{margin:0}.cost-margin-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:8px 0;border-bottom:1px solid #e3e9e8;font-size:11px}.cost-margin-breakdown dt{color:#657477}.cost-margin-breakdown dd{margin:0;text-align:right;white-space:nowrap}.cost-margin-breakdown dd:last-child{color:#718084}.cost-margin-time{margin-top:11px;padding:10px;background:#f7f9f8}.cost-margin-time header{display:flex;justify-content:space-between;gap:8px;font-size:11px}.cost-margin-time header span{color:#a23d36}.cost-margin-time header span.is-ok{color:#267851}.cost-margin-time>div{height:7px;margin-top:8px;overflow:hidden;background:#dfe7e5}.cost-margin-time i{display:block;width:78%;height:100%;background:#08737a}.cost-margin-time p,.cost-margin-note{margin:8px 0 0;color:#718084;font-size:10px;line-height:1.45}.cost-margin-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.cost-margin-actions .button{padding-inline:6px;font-size:10px}.cost-margin-live{min-height:17px;margin:9px 0 0!important;color:#667578!important;font-size:10px!important}
@media(max-width:1180px){.cost-margin-kpis{grid-template-columns:1fr 1fr}.cost-margin-layout{grid-template-columns:1fr}.cost-margin-detail{position:static}.cost-margin-register{overflow-x:auto}.cost-margin-register>header,.cost-margin-row{min-width:690px}}
@media(max-width:780px){html,body{min-width:0}.cost-margin-workspace{width:auto;margin-left:64px}.cost-margin-topbar{padding:16px 14px}.cost-margin-topbar .topbar__title{min-width:100%;width:100%}.cost-margin-topbar h1{font-size:23px}.cost-margin-prototype{order:4;width:100%;text-align:center}.cost-margin-top-status{text-align:left}.cost-margin-body{padding:14px}.cost-margin-period-title{width:100%}.cost-margin-period-presets{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-right:0}.cost-margin-period-range{display:grid;grid-template-columns:1fr 1fr;width:100%}.cost-margin-period>label{width:100%}.cost-margin-period input,.cost-margin-period select{width:100%;min-width:0}.cost-margin-kpis{grid-template-columns:1fr}.cost-margin-snapshot{justify-content:flex-start;flex-wrap:wrap}.cost-margin-filter-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.cost-margin-filters label{width:100%;min-width:0}.cost-margin-register{overflow:visible;border:0;background:transparent;box-shadow:none}.cost-margin-register>header{display:none}.cost-margin-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;min-width:0;min-height:0;margin-bottom:8px;padding:12px;border:1px solid #dce5e3;border-radius:7px}.cost-margin-row>span:first-child{grid-column:1/3}.cost-margin-row>span[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:#718084;font-size:10px;font-weight:400}.cost-margin-detail{padding:14px}.cost-margin-price{grid-template-columns:1fr}.cost-margin-breakdown-head{grid-template-columns:1fr auto}.cost-margin-breakdown-head span:last-child{grid-column:1/3;text-align:left}.cost-margin-breakdown>div{grid-template-columns:1fr auto}.cost-margin-breakdown dd:last-child{grid-column:1/3;text-align:left}.cost-margin-time header{align-items:flex-start;flex-direction:column}.cost-margin-actions{grid-template-columns:1fr}}
@media(max-width:420px){.cost-margin-period-range{grid-template-columns:1fr}.cost-margin-filter-buttons{grid-template-columns:1fr}.cost-margin-row{grid-template-columns:minmax(0,1fr) auto}}