html[data-screen=feedbacks] .main{background:#f4f7fb}html[data-screen=feedbacks] .page-heading h1{font-family:inherit;font-size:32px;font-weight:750;letter-spacing:-1px} .feedback-action{color:#082b50;font-family:inherit}.fa-banner{background:linear-gradient(110deg,#073765,#00244c);color:white;padding:24px;border-radius:12px;display:flex;align-items:center;gap:20px}.fa-banner>svg{width:34px;height:34px;flex-shrink:0}.fa-banner strong{font-size:18px}.fa-banner p{font-size:13px;margin:6px 0 0;color:#d9e9fa}.fa-banner button{margin-left:auto;display:flex;align-items:center;gap:12px;border:0;border-radius:24px;padding:12px 20px;background:white;color:#002b58;font:inherit;font-size:12px}.fa-tools{display:flex;gap:16px;margin:20px 0 26px}.fa-tools label{display:flex;align-items:center;gap:12px;flex:1;max-width:560px;padding:12px 16px;background:white;border:1px solid #dae6f2;border-radius:10px}.fa-tools input{border:0;outline:0;background:transparent;min-width:0;width:100%;font:inherit;color:inherit}.fa-tools select{border:1px solid #dae6f2;border-radius:10px;padding:12px;background:white;color:inherit;font:inherit}.fa-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fa-group>h2{font-size:18px;margin:0 0 14px}.fa-group>h2 small{font-size:12px;margin-left:8px;color:#64809d}.fa-card{background:white;border:1px solid #dae6f2;border-radius:12px;padding:20px;margin-bottom:16px}.fa-card header{display:flex;align-items:center;gap:12px}.fa-card header>div{flex:1;min-width:0}.fa-card h2{font-size:15px;margin:0}.fa-card header p,.fa-card time{font-size:11px;color:#7187a1;margin:4px 0 0}.fa-card time{align-self:flex-start;white-space:nowrap}.fa-quote{font:inherit;font-size:16px;line-height:1.65;margin:18px 0}.fa-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}.fa-meta span{background:#e7f3ff;color:#0076e5;border-radius:20px;padding:5px 10px;font-size:11px}.fa-meta small{font-size:11px;color:#6e7f96}.fa-card footer{display:flex;gap:12px;margin-top:16px}.fa-card footer .btn{border-radius:24px;font-size:12px;padding:10px 18px;min-height:38px}.fa-reply{padding:16px;background:#f0f7ff;border-radius:10px;font-size:13px;line-height:1.7}.fa-reply small{display:flex;align-items:center;gap:8px;color:#087bff}.fa-reply p{margin:8px 0 0}.fa-done{display:block;color:#258e7c;font-size:11px;margin-top:12px}.fa-demo{font-size:11px;color:#7c8ba1;margin-top:24px}.fa-empty{padding:24px;border:1px dashed #cbd9e8;border-radius:12px;color:#7187a1}.fa-tools label:focus-within{outline:2px solid #1485ed}@media(max-width:760px){html[data-screen=feedbacks] .main{padding:22px 16px 110px}html[data-screen=feedbacks] .page-heading h1{font-size:28px}.fa-banner{padding:18px;gap:12px;flex-wrap:wrap}.fa-banner>div{flex:1}.fa-banner strong{font-size:15px}.fa-banner p{font-size:11px}.fa-banner button{padding:8px 16px;margin-left:46px}.fa-tools{gap:8px;margin:16px 0}.fa-tools label{padding:10px;max-width:none}.fa-tools input{font-size:12px}.fa-tools select{font-size:11px;max-width:120px;padding:8px}.fa-columns{grid-template-columns:1fr;gap:16px}.fa-card{padding:16px}.fa-card header{gap:8px}.fa-card time{font-size:9px}.fa-card h2{font-size:13px}.fa-quote{font-size:14px;line-height:1.6}.fa-card footer .btn{flex:1;padding:9px;font-size:11px}.fa-group>h2{font-size:16px}.fa-meta{flex-wrap:wrap}}
