/* Read and edit are distinct states, even when global form styles set display. */
.order-title-panel [hidden] { display:none !important; }
.order-title-panel, .order-lyrics-reading { border:1px solid #e4ece8; border-radius:16px; padding:22px; background:#fff; box-shadow:none; }
.order-title-panel .order-lyrics-head,.order-lyrics-reading .order-lyrics-head { margin:0 0 12px; align-items:center; }
.order-title-panel .section-kicker,.order-lyrics-reading .section-kicker { margin:0; font:600 12px/1.4 Inter,sans-serif; color:#7a8b83; letter-spacing:1px; }
.order-title-panel [data-order-title-display] { margin:0; font:600 20px/1.45 Inter,sans-serif; color:#20372d; overflow-wrap:anywhere; }
.order-title-panel [data-order-title-edit] { border:0; background:#eff8f3; color:#168457; border-radius:8px; padding:8px 12px; font:500 13px Inter,sans-serif; cursor:pointer; }
.order-title-panel form { display:grid; gap:14px; margin:0; padding:0; border:0; background:none; }
.order-title-panel form label { display:grid; gap:8px; font:500 13px Inter,sans-serif; color:#62766b; }
.order-title-panel form input { width:100%; box-sizing:border-box; padding:12px 14px; border:1px solid #ceded4; border-radius:10px; background:#fff; color:#20372d; font:400 16px/1.4 Inter,sans-serif; box-shadow:none; }
.order-title-panel form input:focus { outline:2px solid #19a569; outline-offset:2px; }
.order-title-panel .order-lyrics-editor-actions { display:flex; justify-content:flex-end; gap:8px; margin:0; }
.order-title-panel .order-lyrics-editor-actions button { padding:10px 14px; border-radius:9px; font:500 13px Inter,sans-serif; }
.order-title-panel [data-order-title-status]:empty { display:none; }
.order-title-panel [data-order-title-status] { margin:0; font-size:13px; color:#b33737; }
.order-lyrics-reading .order-lyrics { margin:0; padding:0 14px 0 0; max-height:420px; overflow:auto; font:400 16px/1.85 Inter,sans-serif; color:#40574a; white-space:pre-wrap; overflow-wrap:anywhere; scrollbar-width:thin; scrollbar-color:#bfd3c6 transparent; }
.order-lyrics-section-label { font:600 12px/1.6 Inter,sans-serif; color:#849389; letter-spacing:.2px; }
@media(max-width:600px) { .order-title-panel,.order-lyrics-reading { padding:16px; } .order-title-panel [data-order-title-display] { font-size:18px; } .order-lyrics-reading .order-lyrics { font-size:15px; max-height:380px; } }