.dashboard {
    display:grid;
    grid-template-columns:180px 1fr 260px;
    gap:20px;
    margin-top:20px;
}

/* CENTER */
.center-board textarea {
    width:100%;
    height:80px;
    margin-bottom:10px;
}

/* RIGHT */
.quick-icons {
    display:flex;
    justify-content:space-around;
    padding:10px;
}

.quick-icons a {
    font-size:22px;
}

/* LEFT */
.left-rail {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.sticky {
    background:#fef08a;
    padding:10px;
    border-radius:6px;
}

.primary {
    background:#fde047;
}

/* MOBILE */
@media (max-width:768px){

    .dashboard {
        display:flex;
        flex-direction:column;
    }

    .center-board { order:1; }
    .right-panel { order:2; }
    .left-rail {
        order:3;
        flex-direction:row;
        overflow-x:auto;
    }

}

/* STICKY NOTE */
.sticky-note-box {
    background:#fff7cc;
    padding:12px;
    border-radius:10px;
    margin-bottom:15px;
}

.sticky-note-box textarea {
    width:100%;
    height:100px;
    border:none;
    background:transparent;
    resize:none;
    outline:none;
    font-size:14px;
}