/* The "Suggest a feature" board (feature-requests.php). Sits on top of landing style-2.css. */

.fr-wrap{
  --fr-ink:#24213a;
  --fr-muted:#6b6880;
  --fr-line:#e7e5f0;
  --fr-bg:#f7f6fb;
  --fr-accent:#6a49f2;
  --fr-accent-soft:#efebff;
  padding:28px 0 80px;
  text-align:left;
  background:var(--fr-bg);
  color:var(--fr-ink);
}

.bread_crumb .bred_text .fr-lead{color:#4a4766;max-width:620px;margin:6px auto 30px;font-size:17px}

.fr-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}
.fr-narrow{max-width:820px}

.fr-card{background:#fff;border:1px solid var(--fr-line);border-radius:14px;padding:22px;margin-bottom:25px}
.fr-card h2{font-size:21px;font-weight:700;color:var(--fr-ink);margin:0 0 6px}
.fr-muted{color:var(--fr-muted)}
.fr-hint{font-size:13px;color:var(--fr-muted);margin:8px 0 0}
.fr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* New idea */
.fr-side{position:sticky;top:110px}
.fr-form label{display:block;font-weight:600;font-size:15px;margin:16px 0 6px;color:var(--fr-ink)}
.fr-form input[type=text],.fr-form textarea,.fr-toolbar input,.fr-toolbar select{
  width:100%;border:1px solid #d9d6e6;border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;color:var(--fr-ink);background:#fff
}
.fr-form textarea{resize:vertical;min-height:120px}
.fr-form input:focus,.fr-form textarea:focus,.fr-toolbar input:focus,.fr-toolbar select:focus{outline:2px solid var(--fr-accent);outline-offset:1px;border-color:var(--fr-accent)}
.fr-form .fr-btn{margin-top:16px;width:100%}
.fr-side .fr-open{display:none}
.fr-error{background:#fdecec;color:#a12a2a;border-radius:10px;padding:10px 12px;font-size:14px;margin-top:12px}

.fr-similar{margin-top:10px;background:var(--fr-accent-soft);border-radius:10px;padding:10px 12px;font-size:14px}
.fr-similar p{margin:0 0 6px;font-weight:600;color:var(--fr-ink)}
.fr-similar ul{margin:0;padding:0;list-style:none}
.fr-similar li{margin:4px 0}
.fr-similar a{color:var(--fr-accent);font-weight:600}
.fr-similar small{color:var(--fr-muted)}

.fr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;
  border:0;border-radius:10px;background:var(--fr-accent);color:#fff;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none
}
.fr-btn:hover,.fr-btn:focus{background:#5536d9;color:#fff;text-decoration:none}
.fr-btn-ghost{background:#fff;color:var(--fr-ink);border:1px solid #d9d6e6}
.fr-btn-ghost:hover,.fr-btn-ghost:focus{background:var(--fr-bg);color:var(--fr-ink)}
.fr-side .fr-btn{width:100%;margin-top:12px}

/* Toolbar and list */
.fr-main{padding:0;overflow:hidden}
.fr-toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:16px;border-bottom:1px solid var(--fr-line)}
.fr-toolbar select{width:auto;min-width:130px;min-height:44px}
.fr-toolbar input{flex:1 1 180px;width:auto;min-height:44px}

.fr-list{list-style:none;margin:0;padding:0}
.fr-item{display:flex;gap:18px;padding:20px 22px;border-bottom:1px solid var(--fr-line)}
.fr-item:last-child{border-bottom:0}
.fr-item-main{min-width:0;flex:1}
.fr-item-title{font-size:18px;font-weight:700;margin:2px 0 4px;line-height:1.35}
.fr-item-title a{color:var(--fr-ink);text-decoration:none}
.fr-item-title a:hover{color:var(--fr-accent)}
.fr-excerpt{color:#55526c;margin:0 0 10px;font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}

.fr-vote-form{margin:0}
.fr-vote{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  width:56px;min-height:60px;border:1px solid var(--fr-line);border-radius:10px;background:#fff;color:#8a86a0;
  cursor:pointer;text-decoration:none;flex:0 0 auto;font:inherit
}
.fr-vote:hover,.fr-vote:focus{border-color:var(--fr-accent);color:var(--fr-accent);text-decoration:none}
.fr-vote.is-on{background:var(--fr-accent-soft);border-color:var(--fr-accent);color:var(--fr-accent)}
.fr-vote.is-off{cursor:default}
.fr-vote.is-busy{opacity:.6}
.fr-vote-n{font-weight:700;font-size:17px;color:var(--fr-ink)}
.fr-vote.is-on .fr-vote-n{color:var(--fr-accent)}
.fr-vote-big{width:68px;min-height:76px}
.fr-vote-big .fr-vote-n{font-size:21px}

.fr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--fr-muted)}
.fr-dot{opacity:.6}
.fr-comments-n{display:inline-flex;align-items:center;gap:4px;color:var(--fr-muted);text-decoration:none;margin-left:6px}
.fr-comments-n:hover{color:var(--fr-accent)}

.fr-av{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:700;color:#fff;flex:0 0 auto}
.fr-av-0{background:#e8a317}.fr-av-1{background:#5b5bd6}.fr-av-2{background:#1f9d78}
.fr-av-3{background:#d9534f}.fr-av-4{background:#2b8ac6}.fr-av-5{background:#9b51e0}
.fr-av-team{background:var(--fr-accent)}

.fr-badge{display:inline-block;font-size:13px;font-weight:600;border-radius:6px;padding:3px 9px;margin-bottom:6px}
.fr-badge-under_review{background:#fff4dc;color:#8a5a00}
.fr-badge-planned{background:#e6efff;color:#2556b8}
.fr-badge-in_progress{background:#e3f6ee;color:#16784f}
.fr-badge-done{background:var(--fr-accent-soft);color:#4a2fc0}
.fr-badge-closed{background:#efeff3;color:#5d5b6b}

.fr-empty{padding:40px 22px;text-align:center;color:var(--fr-muted)}
.fr-more{display:flex;margin:16px auto 20px;width:max-content}

/* One idea */
.fr-back{display:inline-block;margin-bottom:14px;color:var(--fr-accent);font-weight:600}
.fr-note{background:#fff4dc;border-radius:10px;padding:12px 14px;margin-bottom:14px}
.fr-idea{display:flex;gap:20px;margin-bottom:18px}
.fr-idea-main{min-width:0;flex:1}
.fr-idea-title{font-size:28px;font-weight:700;color:var(--fr-ink);margin:2px 0 10px;line-height:1.3;overflow-wrap:anywhere}
.fr-body{margin-top:14px;font-size:16px;line-height:1.65;color:#3d3a55;overflow-wrap:anywhere}
.fr-body a{color:var(--fr-accent)}

.fr-comments h2{margin-bottom:14px}
.fr-comment{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--fr-line)}
.fr-comment .fr-av{width:32px;height:32px;font-size:13px}
.fr-comment-main{min-width:0;flex:1}
.fr-comment .fr-body{margin-top:6px;font-size:15px}
.fr-comment.is-team{background:var(--fr-accent-soft);border-radius:10px;padding:14px;border-top:0;margin:8px 0}
.fr-comment.is-team + .fr-comment{border-top:0}
.fr-team{background:var(--fr-accent);color:#fff;border-radius:5px;font-size:11px;font-weight:700;padding:2px 7px;text-transform:uppercase;letter-spacing:.04em}
.fr-comment-form{margin-top:10px;border-top:1px solid var(--fr-line);padding-top:4px}
.fr-comment-form .fr-btn{width:auto}
.fr-login{margin:16px 0 0}

@media (max-width: 991px){
  .fr-grid{grid-template-columns:1fr}
  .fr-side{position:static}
}

@media (max-width: 767px){
  .fr-wrap{padding:16px 0 56px}
  .fr-wrap .container{padding-left:16px;padding-right:16px}
  .bread_crumb .bred_text .fr-lead{font-size:15px;margin-bottom:20px}
  .fr-card{padding:18px}
  .fr-main{padding:0}
  .fr-side .fr-open{display:flex}
  .fr-new{display:none}
  .fr-new.is-open{display:block}
  .fr-toolbar{padding:12px}
  .fr-toolbar select{flex:1 1 40%;min-width:0}
  .fr-item{gap:12px;padding:16px}
  .fr-vote{width:48px;min-height:54px}
  .fr-item-title{font-size:16px}
  .fr-idea{gap:14px}
  .fr-idea-title{font-size:22px}
  .fr-vote-big{width:56px;min-height:64px}
}