/* --- In-app feedback modal (dashboard/js/06-feedback.js) --- */
.af-overlay{position:fixed;inset:0;background:rgba(10,6,30,0.45);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.af-modal{background:var(--bg-card);border-radius:var(--r);width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.35)}
.af-head{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;padding:16px 18px;border-bottom:.5px solid var(--border-t)}
.af-head i{color:var(--ep);font-size:18px}
.af-close{margin-left:auto;background:none;border:none;font-size:20px;line-height:1;color:var(--text-tertiary);cursor:pointer;padding:2px 4px}
.af-close:hover{color:var(--text-primary)}
.af-body{padding:16px 18px;overflow-y:auto}
.af-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin:14px 0 6px}
.af-label:first-child{margin-top:0}
.af-optional{font-weight:400;color:var(--text-tertiary)}
.af-cats{display:flex;gap:8px;flex-wrap:wrap}
.af-cat{font-size:12.5px;font-weight:500;padding:6px 13px;border-radius:20px;border:.5px solid var(--border-s);background:var(--bg-page);color:var(--text-secondary);cursor:pointer}
.af-cat.active{background:var(--bg-purp);color:var(--t-purp);border-color:transparent;font-weight:600}
.af-input,.af-textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:13px;color:var(--text-primary);background:var(--bg-page);border:.5px solid var(--border-s);border-radius:8px;padding:9px 11px;outline:none}
.af-textarea{resize:vertical;line-height:1.5}
.af-msg{font-size:12px;color:var(--t-warn);min-height:16px;margin-top:8px}
.af-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:.5px solid var(--border-t)}