.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.module-tabs{display:flex;gap:4px;overflow-x:auto;max-width:100%;border-bottom:1px solid var(--line)}
.module-tabs button{flex:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:12px;font-size:14px;min-height:44px;color:var(--muted);font-weight:bold;cursor:pointer}
.module-tabs button[aria-selected="true"]{border-bottom-color:var(--green);color:var(--ink)}
.module-tabs button[hidden],button[hidden],form[hidden],fieldset[hidden],label[hidden]{display:none}
.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.review-note{border-left:3px solid var(--green);padding:8px 12px;margin-top:12px!important;background:#edf6f2}
.recognition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.recognition-note{border:1px solid var(--line);border-top:4px solid var(--yellow);background:#fff;padding:22px;border-radius:6px;min-width:0;overflow-wrap:anywhere}
.recognition-note.note-learning{border-top-color:#1b7180}
.recognition-note.note-team{border-top-color:var(--green)}
.recognition-note.note-idea{border-top-color:var(--red)}
.recognition-note small{font-size:12px;color:var(--muted)}
.recognition-note h3{font-size:20px;line-height:1.3;margin:14px 0}
.recognition-note p{font-size:15px;line-height:1.6}
.recognition-note .note-signature{font-size:12px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.note-actions{display:flex;flex-wrap:wrap;gap:4px 16px}
.note-actions button{font-size:13px;line-height:1.4;text-align:left}
#benefit-detail,#benefit-editor,#request-review,#recognition-editor,#recognition-moderation{width:min(700px,calc(100% - 24px));max-height:90dvh;overflow:auto}
#benefit-detail h2,#benefit-editor h2,#request-review h2,#recognition-editor h2,#recognition-moderation h2{font-size:25px;line-height:1.25;overflow-wrap:anywhere;margin-right:44px}
#benefit-detail form,#benefit-editor form,#request-review form,#recognition-editor form,#recognition-moderation form{max-width:none;margin-top:24px;grid-template-columns:minmax(0,1fr)}
:is(#benefit-detail,#benefit-editor,#request-review,#recognition-editor,#recognition-moderation) :is(form>*,label,input,textarea,select){min-width:0;max-width:100%}
#benefit-detail h3{margin-top:24px;font-size:18px}
.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-columns>*{min-width:0}
.form-columns input{min-width:0;max-width:100%}
.form-status{color:var(--red);margin:0;overflow-wrap:anywhere}
#benefit-scope-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:780px){
  .recognition-grid{grid-template-columns:1fr}
  .module-toolbar{gap:12px}
  #benefit-list .content-actions{flex-shrink:1}
  #benefit-list .text-command{max-width:100%;white-space:normal;text-align:left}
  .form-columns{grid-template-columns:1fr}
  #benefit-scope-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}