/* Profit log page + the calculator's "Add to profit log" link. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.plog{max-width:860px;margin:0 auto;padding:48px 24px 72px}
.plog-intro .lede{max-width:640px}
.plog-notice{background:#e8f1eb;border:1px solid #cbdcd1;border-radius:12px;padding:16px 18px;margin:20px 0}
.plog-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin:24px 0}
.plog-card h2{font-size:24px;letter-spacing:-.5px;margin:0 0 16px}
.plog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.plog-grid label{display:grid;gap:6px;font-size:13px;font-weight:600}
.plog-grid input,.plog-grid select{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px;background:#fcfcf8;box-sizing:border-box;width:100%}
.plog-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.button.dark{background:#073b2e;color:#fff}
.plog-msg{min-height:1.5em;font-weight:600;margin:14px 0 0}
.plog-totals dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.plog-totals dl div{border:1px solid var(--line);border-radius:8px;padding:12px}
.plog-totals dt{font-size:12px;color:var(--muted)}
.plog-totals dd{margin:4px 0 0;font-size:20px;font-weight:700}
.plog-totals .plog-total-row{background:#e8f1eb}
#plog-table td.num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
#plog-table td.negative{color:#a3243b}
#plog-table td{word-break:break-word}
.plog-actions{white-space:nowrap}
.plog-actions .button{margin:2px 4px 2px 0}
.plog-confirm{display:block;font-weight:600;margin-bottom:4px;white-space:normal}
.plog-file{position:relative}
.plog-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.plog-file:focus-within{outline:3px solid #e09b27;outline-offset:2px}
.calc-plog{display:grid;gap:8px;margin:16px 0 0}
.calc-plog .button{justify-self:start}
@media (max-width:767px){
  .plog{padding:32px 18px 56px}
  .plog-grid{grid-template-columns:1fr}
  .plog-totals dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  #plog-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  #plog-table,#plog-table tbody,#plog-table tr,#plog-table td{display:block;width:auto}
  #plog-table tr{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0 0 10px}
  #plog-table td{border:0;padding:3px 0}
  #plog-table td.num{text-align:left;font-weight:700}
}