.drawer .card-composer{display:block;padding:0;border:1px solid #b7bdc6;border-radius:12px;background:#f1f2f4;color:#202124;overflow:hidden;cursor:auto}
.drawer [data-comment-editor]{min-height:170px;max-height:360px;overflow:auto;padding:14px 16px;outline:none;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5;color:#202124;background:#f1f2f4}
.drawer [data-comment-editor]:empty:before{content:attr(data-placeholder);color:#666b73;pointer-events:none}
.card-composer:focus-within{outline:2px solid #64c2cd;outline-offset:2px}
.comment-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px 10px;border-bottom:1px solid #d2d5da}
.comment-toolbar button{min-width:34px;min-height:34px;border:1px solid #c5cad1;border-radius:6px;background:#fff;color:#25282d;cursor:pointer}
.comment-toolbar button:hover{background:#e1f1f3}.comment-toolbar button:focus-visible{outline:2px solid #267f8a}
.comment-toolbar button:disabled{opacity:.5;cursor:default}
.comment-bottom{border-top:1px solid #d2d5da;border-bottom:0}.comment-emojis{display:flex;gap:4px;flex-wrap:wrap}
.comment-color{display:flex;align-items:center;gap:5px;font-size:12px}.comment-color input{width:30px;height:30px;padding:0;border:0}
.card-composer [data-attach]{font-size:25px;font-weight:600}
.card-composer input[hidden]{display:none!important}
.card-composer [data-reply-context]{padding:10px;background:#dcebee;color:#202124;font-size:13px}
.card-composer [data-reply-context][hidden]{display:none}
.card-composer [data-reply-context] button{margin-left:8px}
.card-composer [data-attachment-name]{display:block;padding:0 10px 8px;color:#454951;overflow-wrap:anywhere}
.comment-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.comment-actions details{font-size:12px}.comment-actions summary{cursor:pointer}
.comment-actions li{margin:5px 0}.comment-actions [aria-pressed=true]{background:#dcebee;color:#17424c}
.bubble p{margin:0 0 6px}.bubble ol,[data-comment-editor] ol{padding-left:28px;list-style-position:outside}
.bubble ol[type=a],[data-comment-editor] ol[type=a]{list-style-type:lower-alpha}
.bubble a{color:#267dcc;text-decoration:underline}.bubble mark{border-radius:2px}
@media(max-width:600px){.drawer [data-comment-editor]{min-height:150px}.comment-toolbar{gap:4px}}


/* Action labels remain readable across card themes and button states. */
.drawer .btn, .drawer .btn *, [data-card-surface] .btn, [data-card-surface] .btn *, .drawer .comment-toolbar button, .drawer .comment-toolbar button * {color:#000 !important;-webkit-text-fill-color:#000 !important}
.drawer .btn:not(.primary):not(.accent):not(.danger), [data-card-surface] .btn:not(.primary):not(.accent):not(.danger){background-color:#e4e7eb}
html[data-appearance="light"] .drawer .btn:is(.primary,.accent), html[data-appearance="light"] [data-card-surface] .btn:is(.primary,.accent){background:#e4d3f0 !important}