.freshness-compact{margin:16px 36px 0;padding:16px 20px;background:#fff;border:1px solid #d4e1e6;border-radius:8px;color:#193e48;font-size:13px;line-height:1.5}
.fresh-main,.compact-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.fresh-main strong{font-size:15px}.fresh-main p{margin:3px 0 0;color:#577380}
.freshness-compact #fresh-job{margin:8px 0;color:#577380}.freshness-compact #fresh-job:empty{display:none}
.fresh-links{display:flex;align-items:flex-start;gap:24px;margin-top:8px}.fresh-links>details{flex:1;min-width:0}.fresh-links>a{white-space:nowrap}
.fresh-links summary,.compact-rules summary{cursor:pointer;color:#126b78;font-weight:600}.fresh-links details p{max-width:85ch;margin:10px 0;overflow-wrap:anywhere}
.fresh-warning{border-left:3px solid #b98410}.fresh-warning #fresh-job{color:#805e0a}
.compact-paliers{padding:24px}.compact-paliers h2{font-size:20px;margin:0}.compact-mode{font-size:12px;color:#42646e;background:#edf4f5;padding:5px 9px;border-radius:4px;white-space:nowrap}
.compact-base{display:flex;justify-content:space-between;gap:16px;margin:16px 0;padding-bottom:12px;border-bottom:1px solid #d4e1e6;color:#577380}.compact-base strong{color:#193e48;font-variant-numeric:tabular-nums}
.compact-rules{margin:12px 0 20px;font-size:13px;line-height:1.65}.compact-rules p{max-width:90ch;margin:12px 0}
.compact-paliers .input-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto;gap:16px;align-items:end;padding:8px 0;border-bottom:1px solid #e2eaed}
.compact-paliers .input-row:not(:first-child) label{font-size:0;gap:0}
.compact-paliers .input-row label{display:grid;gap:6px;color:#577380;font-size:13px}
.compact-paliers .input-row input{box-sizing:border-box;min-width:0;width:100%;min-height:42px;padding:9px 12px;border:1px solid #b8cdd4;border-radius:5px;background:#fff;color:#193e48;font:inherit;font-size:15px}
.compact-paliers input[type=number]{text-align:right;font-variant-numeric:tabular-nums}
.compact-paliers input:focus-visible,.freshness-compact summary:focus-visible,.compact-paliers summary:focus-visible{outline:2px solid #126b78;outline-offset:3px}
.compact-paliers .actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.compact-paliers>.muted{font-size:12px;margin:12px 0 0;line-height:1.6}
.compact-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#f0f5f6;border-radius:5px;padding:16px;margin:18px 0 0}.compact-totals span{font-size:12px;color:#577380}.compact-totals strong{display:block;font-size:20px;color:#193e48;font-variant-numeric:tabular-nums;margin-top:4px}.compact-totals.negative span:last-child strong{color:#b23434}
@media(max-width:700px){.freshness-compact{margin:12px;padding:14px}.fresh-main,.compact-heading{align-items:flex-start;flex-wrap:wrap}.fresh-links{gap:12px;flex-wrap:wrap}.fresh-links>details{flex-basis:100%}.compact-paliers{padding:18px}.compact-paliers .input-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.compact-paliers .input-row button{grid-column:2;justify-self:end}.compact-totals{gap:8px;padding:12px}.compact-totals strong{font-size:15px}.compact-base{flex-wrap:wrap}}

@media(max-width:720px){
 .freshness-compact{margin:12px;padding:14px}
 .fresh-main,.compact-heading,.compact-base,.fresh-links{flex-wrap:wrap}
 .fresh-main>*,.compact-heading>*,.compact-base>*{min-width:0;max-width:100%}
 .fresh-links>details{flex-basis:100%}
 .compact-mode,.fresh-links>a{white-space:normal}
 .compact-paliers .input-row{grid-template-columns:minmax(0,1fr)}
 .compact-paliers .input-row button{grid-column:1;justify-self:start}
 .compact-paliers .input-row:not(:first-child) label{font-size:13px;gap:6px}
 .compact-totals{grid-template-columns:minmax(0,1fr)}
 .compact-totals strong{overflow-wrap:anywhere}
}
