.managerial-period{align-items:end;background:#f7f9fc;border:1px solid var(--line);border-radius:11px;display:flex;gap:9px;padding:10px}.managerial-period label{color:var(--muted);font-size:8px}.managerial-period input{display:block;margin-top:3px;padding:7px}.managerial-period button{height:34px}.managerial-rule{color:var(--muted);font-size:8px;margin:6px 2px 14px}.managerial-subhead{margin:0 0 8px}.managerial-trend{border:1px solid var(--line);border-radius:11px;padding:8px}.managerial-trend-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:7px;grid-template-columns:65px repeat(3,1fr) 145px;padding:8px}.managerial-trend-row:last-child{border:0}.managerial-trend-row strong,.managerial-trend-row span,.managerial-trend-row small{font-size:8px}.managerial-trend-row div{background:#eef3f8;border-radius:6px;min-height:24px;overflow:hidden;position:relative}.managerial-trend-row span{left:6px;position:absolute;top:6px;z-index:1}.managerial-trend-row i{display:block;height:24px;min-width:2px;opacity:.28}.managerial-trend-row .is-revenue{background:#1f83e0}.managerial-trend-row .is-cost{background:#e59b20}.managerial-trend-row .is-result{background:#32a66a}.managerial-trend-row .is-negative{background:#d54b3d}.managerial-ranking-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:12px 0}.managerial-ranking-grid>section{border:1px solid var(--line);border-radius:11px;padding:11px}.managerial-ranking-grid h3{font-size:10px;margin:0 0 7px}.managerial-rank{align-items:center;border-top:1px solid var(--line);display:grid;gap:8px;grid-template-columns:22px 1fr auto;padding:7px 0}.managerial-rank>span{background:#e9f3fe;border-radius:50%;font-size:8px;padding:4px;text-align:center}.managerial-rank strong,.managerial-rank small{display:block;font-size:8px}.managerial-rank small,.managerial-empty{color:var(--muted);font-size:8px}.managerial-rank button{font-size:8px;padding:5px 8px}@media(max-width:850px){.managerial-trend-row{grid-template-columns:55px 1fr}.managerial-trend-row small{grid-column:2}.managerial-ranking-grid{grid-template-columns:1fr}}@media(max-width:600px){.managerial-period{align-items:stretch;flex-direction:column}.managerial-period input{width:100%}}