.apometr,.apometr *{box-sizing:border-box;min-width:0}.apometr{width:100%;max-width:1200px;margin:0 auto;padding:28px 0 64px;color:#092857}.apometr__hero,.apometr__panel,.apometr__controls{max-width:100%;border:1px solid #d7e2f8;border-radius:20px;background:#fff}.apometr__hero{padding:34px}.apometr__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.apometr h1{margin:8px 0 12px;font-size:38px;line-height:1.1}.apometr h2{font-size:22px;margin:0 0 6px}.apometr h3{font-size:16px;margin:0 0 8px}.apometr p{line-height:1.55}.apometr .lead{max-width:800px;font-size:18px;color:#52709e;margin:0}.apometr__badge{white-space:nowrap;padding:10px 12px;border-radius:10px;background:#eef4ff;color:#3156a8;font-size:14px}.apometr__notice{margin-top:24px;padding:14px 16px;border-left:4px solid #2f5be7;background:#f5f8ff;color:#36537e;line-height:1.5}.apometr__controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:18px 22px}.apometr__controls p{margin:4px 0 0;color:#6680a5;font-size:14px}.apometr__controls-right{display:grid;gap:10px;justify-items:end}.apometr__periods,.apometr__selects{display:flex;gap:8px;flex-wrap:wrap}.apometr__periods button{border:1px solid #ccdaf8;background:#fff;color:#224b97;padding:9px 13px;border-radius:9px;cursor:pointer;font:inherit}.apometr__periods button.is-active{background:#2d58dd;border-color:#2d58dd;color:#fff}.apometr__selects label,.apometr__filter{color:#587299;font-size:14px}.apometr select{max-width:100%;margin-left:5px;border:1px solid #ccdaf8;border-radius:8px;padding:7px;background:#fff;color:#173c7b}.apometr__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.apometr__summary article{padding:20px;border:1px solid #d7e2f8;border-radius:16px;background:#fff}.apometr__summary span,.apometr__summary small{display:block;color:#6680a5}.apometr__summary strong{display:block;margin:7px 0;font-size:28px}.apometr__panel{padding:24px;margin-top:20px}.apometr__panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.apometr__panel-head p{margin:0;color:#6680a5}.apometr__legend{display:flex;gap:13px;white-space:nowrap;font-size:13px;color:#59739b}.apometr__legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px}.apometr i.low{background:#96b9ed}.apometr i.medium{background:#f6bd4d}.apometr i.high{background:#e65c70}.apometr__chart{height:245px;display:flex;align-items:flex-end;gap:3px;padding:26px 0 20px;border-bottom:1px solid #d7e2f8;overflow:hidden}.apometr__bar{flex:1;min-width:3px;border-radius:4px 4px 0 0;position:relative;cursor:default}.apometr__bar:hover{filter:brightness(.85)}.apometr__bar.low{background:#96b9ed}.apometr__bar.medium{background:#f6bd4d}.apometr__bar.high{background:#e65c70}.apometr__bar:not(.ready){opacity:.25}.apometr__bar:hover:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);z-index:2;width:max-content;max-width:220px;padding:7px 9px;background:#102e65;color:#fff;border-radius:7px;font-size:12px;white-space:pre-line}.apometr__calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:22px}.apometr__day{min-height:90px;padding:10px;border:1px solid #e0e8f7;border-radius:10px;background:#fbfdff;cursor:pointer}.apometr__day b{display:block}.apometr__day span,.apometr__day small{display:block;margin-top:5px;color:#6881a4;font-size:12px}.apometr__day.high{border-color:#ef9da9;background:#fff5f6}.apometr__day.medium{border-color:#f2ce7c;background:#fffaf0}.apometr__day.low{border-color:#b7d2f7;background:#f5f9ff}.apometr__day.is-selected{outline:2px solid #2d58dd}.apometr__events{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.apometr__event{padding:7px 9px;border-radius:8px;background:#eef4ff;color:#254b95;font-size:13px}.apometr__project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:18px}.apometr__chart--project{height:160px}.apometr__project-date{color:#6680a5}.apometr__changes{display:grid;gap:7px}.apometr__change{display:flex;justify-content:space-between;gap:8px;padding:9px;border:1px solid #e0e8f7;border-radius:8px;font-size:13px}.apometr__change b{color:#1a58ba}.apometr__change b.down{color:#d04858}.apometr__how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;padding:26px;border-radius:18px;background:#f4f8ff}.apometr__how ol{padding-left:20px;line-height:1.8;margin:0}.apometr__how p{color:#4f6d99}.apometr__empty{color:#6680a5;text-align:center;padding:24px}@media(max-width:700px){.apometr{width:100%;max-width:100%;padding:16px 0 42px;overflow:hidden}.apometr__hero,.apometr__panel,.apometr__controls{width:100%;padding:20px;border-radius:14px}.apometr h1{font-size:29px}.apometr__head,.apometr__controls,.apometr__panel-head{display:block}.apometr__badge{display:inline-block;margin-top:14px;white-space:normal}.apometr__controls-right{justify-items:start;margin-top:15px}.apometr__periods{margin-top:0;flex-wrap:wrap}.apometr__summary{grid-template-columns:1fr 1fr}.apometr__legend{margin-top:15px;overflow:auto}.apometr__chart{height:190px}.apometr__calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.apometr__day{min-height:80px}.apometr__filter{display:block;margin-top:14px}.apometr__project-grid,.apometr__how{grid-template-columns:1fr;padding:20px}.apometr__project-grid{padding:0;gap:20px}}


/* Tooltip is placed above a column, so it must not be clipped by the chart. */
.apometr__chart{overflow:visible}
.apometr__bar:hover{z-index:10}
.apometr__bar:hover:after{z-index:3;line-height:1.35;box-shadow:0 5px 14px rgba(9,40,87,.22);pointer-events:none}
@media(max-width:700px){.apometr__chart{overflow:visible}}

.apometr__chart{height:auto;display:block;padding:14px 0 6px;position:relative;overflow:visible}
.apometr__chart svg{display:block;width:100%;height:auto;max-width:100%}
.apometr__weather{padding:9px 13px;border-radius:12px;background:#eff3f8;color:#64748b;font-weight:600}
.apometr__weather.low{background:#eaf8ee;color:#16864d}.apometr__weather.medium{background:#fff3d8;color:#9d640b}.apometr__weather.high{background:#ffeaef;color:#b92745}
.apometr__mini-summary{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:#587299;margin-top:15px}
.apometr__detail{display:inline-block;margin-top:16px}.apometr__error{padding:14px;border:1px solid #f1acac;background:#fff0f0;color:#a92929;border-radius:10px}
.apometr__updates{display:grid;gap:10px;margin-top:16px}.apometr__update{padding:14px;border:1px solid #d7e2f8;border-left:4px solid #2d58dd;border-radius:10px}
.apometr__update strong,.apometr__update small{display:block}.apometr__update small{margin:6px 0;color:#587299}.apometr__table{width:100%;border-collapse:collapse;font-size:14px}.apometr__table th,.apometr__table td{padding:13px 10px;border-bottom:1px solid #d7e2f8;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.apometr__table th{background:#f4f8ff}.apometr__table td small{display:block;margin-top:4px;color:#587299}.apometr__score{font-weight:700}.apometr__score.low{color:#16864d}.apometr__score.medium{color:#9d640b}.apometr__score.high{color:#b92745}.apometr__date{border:0;background:none;color:#224b97;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.apometr__table tr.is-selected td{background:#edf3ff}.apometr__table-wrap{margin-top:16px}
.apometr__tooltip{position:fixed;z-index:1000;max-width:260px;background:#102e65;color:white;border-radius:9px;padding:10px;font-size:12px;line-height:1.55;pointer-events:none;white-space:pre-line}
.apometr [hidden]{display:none!important}
@media(max-width:700px){.apometr__weather{display:inline-block;margin-top:12px}.apometr__legend{white-space:normal;flex-wrap:wrap;overflow:visible}.apometr__table,.apometr__table tbody,.apometr__table tr,.apometr__table td{display:block;width:100%}.apometr__table thead{display:none}.apometr__table tr{margin-bottom:12px;border:1px solid #d7e2f8;border-radius:10px;overflow:hidden}.apometr__table td:before{content:attr(data-label);display:block;color:#587299;font-size:12px;margin-bottom:6px}.apometr__selects{display:grid;grid-template-columns:1fr;width:100%}.apometr__selects label{display:flex;justify-content:space-between;align-items:center;gap:8px}.apometr select{max-width:70%}.apometr__chart svg{min-height:180px}}