#annual { min-width: 0; max-width: 100%; }
#annual .panel { margin-bottom: 20px; padding: 24px; }
#annual button { padding: 10px 14px; border: 1px solid #ccd4d0; border-radius: 8px; background: #fff; color: #153c33; font: inherit; cursor: pointer; }
#annual button:hover:not(:disabled) { background: #edf5f1; border-color: #789d8e; }
#annual button:focus-visible, #annual summary:focus-visible { outline: 2px solid #23795f; outline-offset: 3px; }
#annual [data-action="approve"], #annual [data-action="request-review"], #annual form > button { background: #176449; color: white; }
#annual p { margin: 10px 0; line-height: 1.6; }
#annual [data-review-note] > label { margin-bottom: 8px; }
#annual .table-wrap { max-width: 100%; overflow-x: auto; margin: 16px 0; }
#annual table { width: 100%; min-width: 620px; border-collapse: collapse; }
#annual th, #annual td { padding: 10px 12px; text-align: left; border-bottom: 1px solid #e1e5e4; }
#annual form { display: grid; gap: 14px; margin-top: 16px; max-width: 720px; }
#annual label { display: block; }
#annual input:not([type="checkbox"]), #annual select, #annual textarea { width: 100%; min-width: 0; box-sizing: border-box; }
#annual input[type="checkbox"] { width: auto; vertical-align: middle; margin-right: 6px; }
#annual fieldset { min-width: 0; padding: 14px; border: 1px solid #ccd4d0; border-radius: 8px; }
#annual summary { cursor: pointer; padding: 10px 0; }
#annual pre { max-height: 400px; overflow: auto; font-size: 12px; }
#annual button:disabled { opacity: .55; cursor: not-allowed; }
#annual [data-review-note] { max-width: 720px; }
#annual ul { padding-left: 22px; }
#annual li { margin: 8px 0; }
@media (max-width: 600px) {
  #annual .panel { padding: 16px; }
  #annual h3, #annual p, #annual li { overflow-wrap: anywhere; }
}