/* ============================================================
   FCMemo.css — plain <textarea> memo control
   Replaces dxTextArea / dxMemo DevExtreme dependency entirely.
   ============================================================ */

/* Container — width is set via inline style from FCMemo.init().
   MemoWidth431 overrides with 100% for full-width memos.        */
.fc-memo-container {
    display: block;
    box-sizing: border-box;
    vertical-align: top;
}

/* Textarea — resize:both lets the browser handle resizing natively.
   width:100% fills whatever the container width is (set by JS).  */
.fc-memo-textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-width: 87px;
    min-height: 42px;
    resize: both;
    overflow: auto;
    font-family: inherit;
    font-size: inherit;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    background-color: #fff;
    padding: 2px 4px;
    color: inherit;
    outline: none;
}

    .fc-memo-textarea:hover {
        border-color: rgba(90, 190, 91, 0.5);
    }

    .fc-memo-textarea:focus {
        border-color: rgb(90, 190, 91);
    }

/* Read-only: no border, no background, no resize, gray bold text */
.fc-memo-textarea--readonly {
    border: none !important;
    background: transparent !important;
    resize: none !important;
    box-shadow: none !important;
    color: gray;
    font-weight: bold;
}