.mp-modal{width:min(960px,96vw);max-height:94vh;overflow:auto;background:#fffdf6;padding:20px;border-radius:16px}.mp-modal h2{margin-top:0}.mp-modal canvas{display:block;width:100%;height:auto;touch-action:none;border:2px solid #446a50}.mp-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.mp-review{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.mp-day{border:1px solid #cec7b2;border-radius:10px;padding:12px}.mp-cell{border-top:1px solid #ddd4bf;padding:9px 0}.mp-cell input[type=text]{width:100%}.mp-cell input[type=number]{width:90px}.mp-cell img{width:100%;height:auto;background:white}.mp-cell small{display:block;color:#73591a;overflow-wrap:anywhere}.mp-cell label{display:block;margin:4px 0}.mp-status{min-height:1.5em}.mp-confirm{display:block;margin:14px 0}.mp-modal [hidden]{display:none!important}.mp-modal input,.mp-modal select{font-size:16px;min-height:36px}@media print{#menuPhotoDialog{display:none!important}}

#mpVideo{display:block;width:100%;max-height:60vh;object-fit:contain;background:#18251c;border-radius:10px}

#mpCanvas{width:auto;height:auto;max-width:100%;max-height:50vh;margin:0 auto}#mpCornerButtons button{min-height:44px}#mpCornerButtons button[aria-pressed=true]{background:#bc6a00;color:#fff}

.mp-steps{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0;font-size:13px;font-weight:700}.mp-steps li{padding:8px 10px;background:#f0e8d8;border-radius:8px}#mpReviewSummary,#mpSaveHint{font-size:14px;font-weight:700;line-height:1.7}.mp-cell.mp-needs-review{border-left:4px solid #ad721d;padding-left:10px;background:#fff8e9}.mp-cell[hidden]{display:none!important}.mp-only-issues{display:block;margin:10px 0 14px}.mp-only-issues input{vertical-align:middle}#mpSave{min-height:46px}.mp-day h4{position:sticky;top:0;background:#fffdf6;padding:8px 0;z-index:1}.mp-modal p{line-height:1.7}

/* The original three actions stay identical in both modes. */
.mp-steps li[data-step-state=current]{background:#355b46;color:#fff;border:2px solid #355b46}
.mp-steps li[data-step-state=done]{background:#e4eddf;color:#355b46;border:2px solid transparent}
.mp-steps li[data-step-state=waiting]{border:2px solid transparent}
#mpFirstIssue{min-height:44px;margin:0 0 10px}#mpFirstIssue:focus-visible{outline:3px solid #8d581d;outline-offset:3px}
body[data-cafe-world=ghibli] .mp-modal{border:7px solid #a67d54;border-radius:14px;background:linear-gradient(100deg,#fff7df,#fffcef 60%,#f7edce);box-shadow:inset 0 0 0 2px #e4c799,0 16px 42px #26352d55}
body[data-cafe-world=ghibli] .mp-steps{gap:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
body[data-cafe-world=ghibli] .mp-steps li{border-radius:4px 9px 5px 7px;box-shadow:1px 3px 0 #8c755b22;line-height:1.5;overflow-wrap:anywhere}
body[data-cafe-world=ghibli] .mp-day{position:relative;border:1px solid #c9ac7e;background:#fffdf0;box-shadow:2px 4px 0 #866b4920;padding:16px 12px 12px;border-radius:4px 8px 5px 7px}
body[data-cafe-world=ghibli] .mp-day:before{content:'';position:absolute;pointer-events:none;width:28px;height:8px;top:-4px;left:calc(50% - 14px);background:#b99b6c;border:1px solid #8a6b49;border-radius:2px;box-shadow:0 2px 1px #886f4422}
body[data-cafe-world=ghibli] .mp-day h4{background:#fffdf0;color:#355b46}
body[data-cafe-world=ghibli] .mp-cell.mp-needs-review{border-left-color:#936323;background:#fff3cf}
body[data-cafe-world=ghibli] #mpCanvas{border:4px solid #a48360;box-shadow:0 0 0 2px #e4cc9f}
@media(max-width:480px){body[data-cafe-world=ghibli] .mp-modal{padding:14px;border-width:5px}.mp-review{grid-template-columns:minmax(0,1fr)}.mp-modal :is(input,select){max-width:100%}.mp-steps li{padding:7px}}

.mp-modal .modal-head{position:sticky;top:-20px;z-index:3;background:#fffdf6;padding:6px 0;margin-bottom:12px}
.mp-modal .modal-head h2{margin:0}
body[data-cafe-world=ghibli] .mp-modal .modal-head{background:#fff7df}
@media(max-width:480px){body[data-cafe-world=ghibli] .mp-modal .modal-head{top:-14px}}

.mp-modal .modal-head .close{min-width:44px!important;min-height:44px!important;flex:0 0 44px;display:flex;align-items:center;justify-content:center}
