.gnotes{max-width:1100px;margin:10px auto}
.gnotes-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gnotes h3{margin:8px 0 10px}
.gnotes-list{list-style:none;padding:0;margin:0;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.gnotes-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #eef0f3;gap:12px}
.gnotes-list li:last-child{border-bottom:none}
.gnotes-title a{text-decoration:none}
.gnotes-actions{display:flex;align-items:center;gap:10px}
.gnotes-date{color:#6b7280;font-size:.9em}
.gnotes-inline-form{display:inline}
.gnotes-inline-form .button.button-link-delete{background:none;border:none;color:#b91c1c;cursor:pointer;padding:0}
.gnotes-form label{display:block;margin-bottom:6px}
.gnotes-form input[type=text], .gnotes-form textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px}
.gnotes-form .button{margin-right:6px}
.gnotes-empty{color:#6b7280}
.gnotes-notice{padding:10px 12px;border-radius:8px;margin-bottom:10px}
.gnotes-notice.success{background:#ecfdf5;border:1px solid #a7f3d0}
.gnotes-error{color:#b91c1c}
@media(max-width:900px){.gnotes-columns{grid-template-columns:1fr}}