.jp-note200{
    max-width:1000px;
    margin:20px auto;
    font-family:Arial,Helvetica,sans-serif;
}
.jp-note200-title{
    font-size:38px;
    font-weight:700;
    text-align:center;
    padding:22px 16px;
    border-radius:4px 4px 0 0;
}
.jp-note200-list{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:18px;
}
.jp-note200-poster{
    min-height:250px;
    border:1px solid rgba(0,0,0,.25);
    box-shadow:0 2px 8px rgba(0,0,0,.16);
}
.jp-note200-poster-inner{
    min-height:250px;
    padding:30px 42px 18px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}
.jp-note200-poster h2{
    margin:0 0 24px;
    text-align:center;
    font-size:34px;
    line-height:1.15;
}
.jp-note200-poster-text{
    font-size:19px;
    line-height:1.55;
    flex:1;
}
.jp-note200-poster-text p{margin:0 0 16px}
.jp-note200-poster-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:18px;
    padding-top:12px;
    border-top:1px solid rgba(0,0,0,.2);
    font-size:13px;
}
.jp-note200-actions{display:flex;gap:12px}
.jp-note200-actions a{color:inherit;text-decoration:none;font-weight:600}
.jp-note200-empty{
    padding:30px;
    text-align:center;
    background:#f5f5f5;
    border:1px solid #ddd;
}
.jp-note200-form{
    background:#f5f5f5;
    border:1px solid #d5d5d5;
    padding:18px;
    margin-top:20px;
}
.jp-note200-form h3{margin-top:0}
.jp-note200-form label{
    display:block;
    margin:0 0 13px;
    font-weight:600;
}
.jp-note200-form input,
.jp-note200-form textarea,
.jp-note200-form select{
    display:block;
    width:100%;
    box-sizing:border-box;
    margin-top:6px;
    padding:10px;
    border:1px solid #aaa;
    border-radius:3px;
    font:inherit;
}
.jp-note200-form textarea{resize:vertical}
.jp-note200-form button{
    border:0;
    border-radius:3px;
    padding:10px 18px;
    color:#fff;
    cursor:pointer;
}
.jp-note200-cancel{
    margin-left:10px;
}
.jp-note200-login{
    padding:15px;
}

/* Complete poster palettes */
.jp-note200-poster-blue{
    background:linear-gradient(135deg,#075d63 0%,#00a9b5 100%);
    color:#fff;
}
.jp-note200-poster-green{
    background:linear-gradient(135deg,#27633c 0%,#71b879 100%);
    color:#fff;
}
.jp-note200-poster-purple{
    background:linear-gradient(135deg,#4c2b69 0%,#a477cf 100%);
    color:#fff;
}
.jp-note200-poster-orange{
    background:linear-gradient(135deg,#9a4f16 0%,#f1a34b 100%);
    color:#fff;
}
.jp-note200-poster-red{
    background:linear-gradient(135deg,#7c2525 0%,#dc7777 100%);
    color:#fff;
}
.jp-note200-poster-dark{
    background:linear-gradient(135deg,#101010 0%,#454545 100%);
    color:#fff;
}
.jp-note200-poster-light{
    background:linear-gradient(135deg,#d8e0e4 0%,#f7f7f7 100%);
    color:#202020;
}

/* Header follows selected user palette */
.jp-note200-theme-blue .jp-note200-title{background:linear-gradient(135deg,#075d63,#00a9b5);color:#fff}
.jp-note200-theme-green .jp-note200-title{background:linear-gradient(135deg,#27633c,#71b879);color:#fff}
.jp-note200-theme-purple .jp-note200-title{background:linear-gradient(135deg,#4c2b69,#a477cf);color:#fff}
.jp-note200-theme-orange .jp-note200-title{background:linear-gradient(135deg,#9a4f16,#f1a34b);color:#fff}
.jp-note200-theme-red .jp-note200-title{background:linear-gradient(135deg,#7c2525,#dc7777);color:#fff}
.jp-note200-theme-dark .jp-note200-title{background:linear-gradient(135deg,#101010,#454545);color:#fff}
.jp-note200-theme-light .jp-note200-title{background:linear-gradient(135deg,#d8e0e4,#f7f7f7);color:#202020}

/* Form button follows selected palette */
.jp-note200-theme-blue .jp-note200-form button{background:#075d63}
.jp-note200-theme-green .jp-note200-form button{background:#27633c}
.jp-note200-theme-purple .jp-note200-form button{background:#4c2b69}
.jp-note200-theme-orange .jp-note200-form button{background:#9a4f16}
.jp-note200-theme-red .jp-note200-form button{background:#7c2525}
.jp-note200-theme-dark .jp-note200-form{background:#2b2b2b;color:#eee;border-color:#555}
.jp-note200-theme-dark .jp-note200-form input,
.jp-note200-theme-dark .jp-note200-form textarea,
.jp-note200-theme-dark .jp-note200-form select{
    background:#181818;color:#eee;border-color:#666;
}
.jp-note200-theme-dark .jp-note200-form button{background:#444}
.jp-note200-theme-light .jp-note200-form button{background:#555}

@media(max-width:650px){
    .jp-note200-poster-inner{padding:24px 22px 16px}
    .jp-note200-poster h2{font-size:28px}
    .jp-note200-poster-text{font-size:17px}
    .jp-note200-poster-footer{flex-direction:column;align-items:flex-start;gap:10px}
}

/* Imported legacy Note200 palettes */
.jp-note200-poster-legacy-d2{background-color:#ffefd5;color:#ffefd5;}
.jp-note200-poster-legacy-d6{background-color:#800000;color:#800000;}
.jp-note200-poster-legacy-d8{background-color:#333333;color:#333333;}
.jp-note200-poster-legacy-d7{background-color:#b8860b;color:#b8860b;}
.jp-note200-poster-legacy-d5{background-color:#570555;color:#570555;}
.jp-note200-poster-legacy-d4{background-color:#575e5e;color:#575e5e;}
.jp-note200-poster-legacy-d3{background-color:#000034;color:#000034;}
.jp-note200-poster-legacy-d9{background-color:#4682b4;color:#4682b4;}
.jp-note200-poster-legacy-d10{background-color:#006400;color:#006400;}
.jp-note200-poster-legacy-d11{background-color:#f0e68c;color:#f0e68c;}
.jp-note200-poster-legacy-d12{background-color:#c16822;color:#c16822;}
.jp-note200-poster-legacy-d13{background-color:#808000;color:#808000;}
.jp-note200-poster-legacy-d14{background-color:#2f4f4f;color:#2f4f4f;}
.jp-note200-poster-legacy-d15{background-color:#d2691e;color:#d2691e;}
.jp-note200-poster-legacy-d16{background-color:#bdb76b;color:#bdb76b;}
.jp-note200-poster-legacy-d17{background-color:#8b4513;color:#8b4513;}
.jp-note200-poster-legacy-d18{background-color:#f9f9f9;color:#f9f9f9;}
.jp-note200-poster-legacy-d19{background-color:#000000;color:#000000;}
.jp-note200-poster-legacy-d20{background-color:#4169e1;color:#4169e1;}
.jp-note200-poster-legacy-d21{background-color:#6b8e23;color:#6b8e23;}
.jp-note200-poster-legacy-d22{background-color:#daa520;color:#daa520;}
.jp-note200-poster-legacy-d23{background-color:#db7093;color:#db7093;}
.jp-note200-poster-legacy-d24{background-color:#483d8b;color:#483d8b;}
.jp-note200-poster-legacy-d25{background-color:#000;color:#000;}
.jp-note200-poster-legacy-d26{background-color:#000;color:#000;}
.jp-note200-poster-legacy-d27{background-color:#000;color:#000;}
.jp-note200-poster-legacy-d28{background-color:#f0fff0;color:#f0fff0;}
.jp-note200-poster-legacy-d29{background-color:#dda0dd;color:#dda0dd;}
.jp-note200-poster-legacy-d30{background-color:#a9a9a9;color:#a9a9a9;}
.jp-note200-poster-legacy-d31{background-color:#ff6347;color:#ff6347;}


.jp-note200-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:20px 0 4px;
    flex-wrap:wrap;
}
.jp-note200-pagination a,
.jp-note200-pagination span{
    display:inline-flex;
    min-width:34px;
    height:34px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:0 8px;
    border:1px solid rgba(0,0,0,.25);
    border-radius:4px;
    text-decoration:none;
    font-weight:600;
}
.jp-note200-pagination .current{
    background:rgba(0,0,0,.18);
}
.jp-note200-form{
    margin-top:0;
    margin-bottom:20px;
}