/* Site palette: blue #5381b5, orange #ffc369, green #4bb797 */
.emd-ideas-notice{padding:.75rem 1rem;border-left:4px solid #5381b5;background:rgba(83,129,181,.08)}
.emd-ideas-notice-success{border-left-color:#4bb797;background:rgba(75,183,151,.12)}
.emd-ideas-notice-error{border-left-color:#ffc369;background:rgba(255,195,105,.15)}
.emd-ideas-form{margin:1rem 0;max-width:40rem}
.emd-ideas-form textarea,.emd-ideas-form select{font:inherit}
.emd-ideas-form .emd-ideas-form-title,.emd-ideas-form textarea{display:block;width:100%;padding:.5rem .75rem;border:1px solid rgba(127,127,127,.5);border-radius:5px;background:transparent;color:inherit;font:inherit;font-weight:400;resize:vertical}
.emd-ideas-form .emd-ideas-form-title:focus,.emd-ideas-form textarea:focus{outline:none;border-color:#5381b5;box-shadow:0 0 0 2px rgba(83,129,181,.2)}
.emd-ideas-form textarea{margin-top:.5rem}
/* Only the title until the form is used, in CSS so nothing shifts when the page loads */
.emd-ideas-form .emd-ideas-form-details{display:none}
.emd-ideas-form:focus-within .emd-ideas-form-details,.emd-ideas-form:has(.emd-ideas-form-title:not(:placeholder-shown)) .emd-ideas-form-details{display:block}
.emd-ideas-form-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem}
.emd-ideas-form-footer select{margin-right:auto;padding:.35rem .5rem;max-width:100%;border:1px solid rgba(127,127,127,.5);border-radius:5px;background:transparent;color:inherit}
.emd-ideas-form-footer .btn{padding:6px 14px}
.emd-ideas-form-footer .emd-ideas-form-cancel{border:1px solid rgba(127,127,127,.6);background:transparent;color:inherit}
.emd-ideas-form-footer .emd-ideas-form-cancel:hover{background:rgba(127,127,127,.12)}
/* Dropdown over the description so showing it doesn't push the page down */
.emd-ideas-form-title-wrap{position:relative}
.emd-ideas-similar{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;max-height:16rem;overflow-y:auto;padding:.5rem .75rem;border:1px solid #5381b5;border-radius:5px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.emd-ideas-form-title-wrap:not(:focus-within) .emd-ideas-similar{display:none}
.emd-ideas-similar-heading{margin:0 0 .35rem;font-size:.85rem;opacity:.75}
.emd-ideas-similar-list{list-style:none;margin:0;padding:0}
.emd-ideas-similar-list li{display:flex;align-items:baseline;gap:.5rem;padding:.2rem 0}
.emd-ideas-similar-list a{min-width:0;overflow-wrap:anywhere}
.emd-ideas-similar-votes{flex:none;min-width:3rem;font-size:.85rem;color:#5381b5}
.emd-ideas-similar-list .emd-idea-board{flex:none;font-size:.75rem}
.emd-ideas-boards{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.emd-ideas-boards a{padding:.35rem .9rem;border:1px solid #5381b5;border-radius:999px;color:#5381b5;text-decoration:none}
.emd-ideas-boards a:hover{background:rgba(83,129,181,.1)}
.emd-ideas-boards a[aria-current="page"]{background:#5381b5;color:#fff}
.emd-ideas-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:0 0 .5rem}
.emd-ideas-toolbar .emd-ideas-sort{margin:0}
.emd-ideas-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0}
.emd-ideas-filter select,.emd-ideas-filter input[type="search"]{padding:.35rem .5rem;font:inherit;border:1px solid rgba(127,127,127,.5);border-radius:5px;background:transparent;color:inherit}
.emd-ideas-filter input[type="search"]{width:14rem;max-width:100%}
.emd-ideas-filter .btn{padding:6px 14px}
.emd-ideas-filter-summary{margin:0 0 .5rem;font-size:.9rem;opacity:.85}
.emd-ideas-filter-summary a{margin-left:.5rem}
.emd-ideas-sort a{margin-left:.5rem}
.emd-ideas-sort a[aria-current="true"]{font-weight:700;text-decoration:none}
.emd-ideas-sort .emd-ideas-back{display:inline-block;margin-left:0;padding:.35rem .9rem;border:1px solid #5381b5;border-radius:5px;color:#5381b5;text-decoration:none}
.emd-ideas-sort .emd-ideas-back:hover{background:rgba(83,129,181,.1)}
.emd-ideas-list{list-style:none;margin:0;padding:0}
.emd-idea{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(127,127,127,.25)}
.emd-idea-vote form{margin:0}
.emd-idea-vote-button{display:flex;flex-direction:column;align-items:center;min-width:3.5rem;padding:.4rem .5rem;border:1px solid #5381b5;border-radius:5px;background:transparent;color:#5381b5;font:inherit;line-height:1.2;cursor:pointer}
.emd-idea-vote-button:not(.is-disabled):hover{background:rgba(83,129,181,.1)}
.emd-idea-vote-button.is-voted,.emd-idea-vote-button.is-voted:hover{background:#5381b5;color:#fff;font-weight:700;box-shadow:0 3px 0 #385b83}
.emd-idea-vote-button.is-disabled{border-color:rgba(127,127,127,.4);color:inherit;cursor:default;opacity:.7}
.emd-idea-vote-count{font-size:1.1rem}
.emd-idea-vote-button[aria-busy="true"]{cursor:progress;opacity:.7}
.emd-idea-vote-error{margin:0 0 .35rem;font-size:.85rem;color:#b5482b}
.emd-idea-body{flex:1;min-width:0}
.emd-idea-title{margin:0 0 .25rem}
.emd-idea-content{overflow-wrap:anywhere}
.emd-idea-content p{margin:0 0 .5rem}
.emd-idea-meta{margin:0;font-size:.85rem}
.emd-idea-meta .emd-idea-board{opacity:.75}
.emd-idea-reply{margin:.5rem 0 0;padding:.5rem .75rem;border-left:3px solid #5381b5;border-radius:0 5px 5px 0;background:rgba(83,129,181,.08);overflow-wrap:anywhere}
.emd-idea-reply p{margin:0 0 .35rem}
.emd-idea-reply p:last-child,.emd-idea-reply ul:last-child,.emd-idea-reply ol:last-child{margin-bottom:0}
.emd-idea-reply .emd-idea-reply-label{font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#5381b5}
.emd-idea-board{margin-right:.5rem;padding:.1rem .5rem;border-radius:999px;background:rgba(83,129,181,.12)}
.emd-idea-status{display:inline-block;margin-right:.5rem;padding:.1rem .5rem;border-radius:5px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#7f7f7f}
.emd-idea-status-planned{background:#5381b5}
.emd-idea-status-in-progress{background:#ffc369;color:#000}
.emd-idea-status-complete{background:#4bb797}
.emd-ideas-similar-status{flex:none;font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.7}
.emd-ideas-pagination{display:flex;gap:1rem}
