.myam-memo{clear:both;width:100%;box-sizing:border-box;margin:22px 0;padding:16px;border:1px solid #383838;border-radius:8px;background:#171717;color:#e5e5e5;font-size:14px}
.myam-memo *{box-sizing:border-box}
.myam-memo-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid #393939;font-size:16px}
#myam-memo-count{font-size:12px;color:#aaa}
#myam-memo-form{margin:12px 0 8px}
.myam-memo-ident{display:flex;gap:10px;margin-bottom:8px}
.myam-memo-ident label{width:50%}
.myam-memo label{font-size:12px;color:#bbb}
.myam-memo input:not(.myam-memo-hp),.myam-memo textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;background:#222!important;color:#f5f5f5!important;border:1px solid #484848!important;border-radius:5px;font:inherit;font-size:13px;line-height:1.5}
.myam-memo textarea{resize:vertical;min-height:65px}
.myam-memo input:focus,.myam-memo textarea:focus{outline:2px solid #20c9c3;outline-offset:1px}
.myam-memo-hp{position:absolute!important;left:-99999px!important;height:0!important;width:0!important;opacity:0!important;pointer-events:none!important}
.myam-memo-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}
.myam-memo-form-bottom small{color:#999}
.myam-memo button{cursor:pointer;border-radius:4px;line-height:1.4}
.myam-memo-form-bottom button{background:#20a9a4;border:0;color:#fff;padding:8px 14px;font-weight:600}
.myam-memo button:disabled{opacity:.45;cursor:default}
#myam-memo-notice:not(:empty){padding:7px 10px;margin:8px 0;border-radius:4px;font-size:12px}
#myam-memo-notice.myam-error{color:#ffb4b4;background:#3d2020}
#myam-memo-notice.myam-success{color:#a8ebd7;background:#213d35}
.myam-item{padding:11px 1px;border-bottom:1px solid #303030}
.myam-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.myam-item-top strong{font-size:13px;color:#20c9c3;font-weight:600}
.myam-item-top time{font-size:11px;color:#8d8d8d}
.myam-item-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 4px!important;color:#ddd;font-size:13px;line-height:1.6}
.myam-item-actions{display:flex;justify-content:flex-end;gap:9px}
.myam-item-actions button{border:1px solid #373737;background:transparent;color:#bbb;padding:3px 7px;font-size:12px}
.myam-item-actions button:hover{border-color:#20c9c3;color:#fff}
.myam-delete{margin-left:5px}
.myam-empty{text-align:center;color:#aaa;padding:16px}
#myam-memo-pages{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px}
#myam-memo-pages button{background:#242424;color:#ccc;border:1px solid #3a3a3a;min-width:34px;min-height:32px;padding:4px 7px}
.myam-page-count{font-size:12px;min-width:60px;text-align:center}
@media(max-width:480px){.myam-memo{padding:11px}.myam-memo-ident{gap:7px}.myam-memo-form-bottom small{font-size:11px}}

/* 1.0.4 compact writing form */
.myam-memo{padding:11px 13px;margin:16px 0;font-size:13px}
.myam-memo-head{padding-bottom:7px;font-size:14px}
#myam-memo-form{margin:8px 0 5px}
.myam-memo-ident{gap:7px;margin-bottom:6px}
.myam-memo-ident input{width:50%!important;margin-top:0!important;min-width:0}
.myam-memo input:not(.myam-memo-hp){padding:7px 9px;font-size:12px}
.myam-memo-message-row{display:flex;gap:7px;align-items:stretch}
.myam-memo-message-row input{min-width:0;flex:1;margin-top:0!important}
.myam-memo-message-row button{flex-shrink:0;background:#20a9a4;color:#fff;border:0;padding:5px 14px;font-weight:600}
.myam-memo-ident input::placeholder,.myam-memo-message-row input::placeholder{color:#9b9b9b;opacity:1}
.myam-item{padding:8px 1px}
.myam-item-body{margin:3px 0!important}
@media(max-width:480px){.myam-memo{padding:9px}.myam-memo-message-row button{padding:5px 9px}}

/* 1.0.5: align outer edges to the neighbouring actress recommendations card.
   The JS positions #myam-memo as an immediate sibling of this section. */
body.single-actress #myam-memo.myam-memo,
body.single-actress .myam-memo {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
}
body.single-actress #myam-memo + .movieyam-profile-recommendations {
    margin-top: 0 !important;
}
@media (max-width: 767px) {
    body.single-actress #myam-memo.myam-memo {
        margin-bottom: 8px !important;
    }
}
