.gsc-notes-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0,18,45,.58);
}

.gsc-notes-modal {
    width: min(100%,460px);
    border-radius: 26px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 22px 60px rgba(0,17,43,.28);
}

.gsc-notes-header {
    padding: 24px;
    border-bottom: 1px solid #e7ebf2;
    text-align: center;
}

.gsc-notes-header h2 {
    margin: 0;
    color: #06285a;
    font-size: 30px;
}

.gsc-notes-content {
    padding: 22px;
}

.gsc-notes-textarea {
    width: 100%;
    min-height: 220px;
    resize: none;
    padding: 14px;
    box-sizing: border-box;
    border: 2px solid #d7dbe1;
    border-radius: 14px;
    font: inherit;
    font-size: 18px;
    line-height: 1.45;
}

.gsc-notes-textarea:focus {
    outline: none;
    border-color: #2e8b24;
}

.gsc-notes-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding: 24px;
    border-top: 1px solid #e7ebf2;
}

.gsc-notes-footer .gsc-button {
    min-height: 58px;
}