.app-calculation-popover {
    position: fixed;
    z-index: 3000;
    width: min(360px, calc(100vw - 16px));
    max-height: calc(100vh - 16px);
    overflow: auto;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #b9c8d8;
    border-radius: 8px;
    background: #fff;
    color: #172b40;
    box-shadow: 0 12px 30px rgba(18,42,66,.22);
    font-size: .74rem;
    line-height: 1.3;
    pointer-events: none;
}
.app-calculation-popover[hidden] { display: none; }
.app-calculation-popover strong { display: block; color: #123d5e; font-size: .8rem; }
.app-calculation-popover dl { display: grid; grid-template-columns: minmax(96px,.8fr) minmax(0,1.4fr); gap: 4px 10px; margin: 7px 0 0; }
.app-calculation-popover dt { color: #607589; font-weight: 700; }
.app-calculation-popover dd { margin: 0; color: #172b40; font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.app-calculation-popover dt:last-of-type, .app-calculation-popover dd:last-of-type { padding-top: 4px; border-top: 1px solid #dbe4ed; color: #123d5e; font-weight: 800; }
.app-calculation-popover p { margin: 8px 0 0; padding-top: 7px; border-top: 1px solid #dbe4ed; color: #526b80; }