.feedback-button{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.recipe-title>div:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.recipe-title-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.recipe-title-actions>.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--green);border-radius:10px}.recipe-title-actions>.feedback-responsive{width:auto;font-size:var(--text-small);padding:0 12px;font-weight:600}.recipe-title-actions>.icon-button:is(:hover,:focus-visible){background:var(--hover-background);color:var(--hover-text)}@media (max-width:700px){.recipe-title-actions>.feedback-responsive{width:44px;padding:0}.recipe-title-actions .feedback-button-label{display:none}}.feedback-form{font-size:var(--text-body);flex-direction:column;gap:16px;line-height:1.5;display:flex}.feedback-form label{flex-direction:column;gap:8px;font-weight:600;display:flex}.feedback-form textarea,.feedback-form input,.feedback-form select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:inherit;font:inherit;border-radius:10px;padding:12px}.feedback-form textarea{resize:vertical}.feedback-form p{margin:0}.feedback-form a{text-decoration:underline}.feedback-counter{font-size:var(--text-small);text-align:right;margin-top:-12px}.feedback-context{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:10px;padding:12px}.feedback-success h3{line-height:1.4}.dialog.dialog-shell.feedback-dialog{max-width:560px}.dialog.dialog-shell.feedback-dialog .dialog-header{padding:12px 24px}.dialog.dialog-shell.feedback-dialog .dialog-header h2{margin:0}.dialog.dialog-shell.feedback-dialog .dialog-content{padding:20px 24px 24px}.feedback-dialog .feedback-form{font-size:var(--text-small);gap:18px}.feedback-dialog .feedback-form label{gap:6px}.feedback-dialog .feedback-form :is(input,textarea,.dropdown-control){min-height:44px;font-size:var(--text-body);padding:10px 12px;font-weight:400;line-height:1.5}.feedback-dialog .feedback-form textarea{min-height:124px;max-height:min(280px,40dvh)}.feedback-dialog .feedback-form .dropdown-control{padding-inline-end:44px}.feedback-dialog .feedback-form textarea::placeholder{font-weight:400}.feedback-dialog .feedback-message-field{gap:6px;display:grid}.dialog.feedback-dialog .feedback-message-help{justify-content:space-between;gap:12px;margin:0;line-height:1.4;display:flex}.feedback-dialog .feedback-counter{white-space:nowrap;margin:0}.feedback-dialog .feedback-optional{color:var(--muted);font-weight:400}.dialog.feedback-dialog .feedback-privacy{align-items:flex-start;gap:8px;margin:0;line-height:1.5;display:flex}.feedback-dialog .feedback-privacy svg{flex-shrink:0;margin-top:2px}.feedback-dialog .feedback-form-footer{border-top:1px solid var(--border);background:var(--paper);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin:0 -24px -24px;padding:16px 24px 20px;display:grid}.feedback-dialog .feedback-submit-help{grid-area:1/1;margin:0}.feedback-dialog .feedback-submit-help p{margin:0;line-height:1.5}.dialog.feedback-dialog .feedback-submit{grid-area:1/2;width:auto;min-width:180px;min-height:44px;margin:0}@media (max-width:700px){.dialog.dialog-shell.feedback-dialog .dialog-header{padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left))}.dialog.dialog-shell.feedback-dialog .dialog-content{padding:16px max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.feedback-dialog .feedback-form{gap:16px}.feedback-dialog .feedback-form-footer{margin:0 calc(-1 * max(16px, env(safe-area-inset-right))) calc(-1 * max(20px, env(safe-area-inset-bottom))) calc(-1 * max(16px, env(safe-area-inset-left)));padding:16px max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);gap:10px}.dialog.feedback-dialog .feedback-submit{grid-area:1/1;width:100%;min-width:0}.feedback-dialog .feedback-submit-help{text-align:center;grid-area:2/1}}:is(.app-footer:has(.feedback-button),.home-footer:has(.feedback-button)){flex-wrap:wrap}
