/* 요청 전용 화면: 직원 메신저와 OS 할 일에서 동일한 요청을 연다. */
.mr-back { box-sizing:border-box; position:fixed; inset:0; z-index:10000; background:var(--m-scrim-schedule); display:flex; align-items:center; justify-content:center; padding:16px; }
.mr-panel { background:var(--m-surface); color:var(--m-ink); width:min(720px,100%); min-width:0; max-height:100%; display:flex; flex-direction:column; border-radius:16px; box-shadow:0 20px 60px var(--m-shadow-sheet); font-size:var(--fs-body,15px); }
.mr-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--m-hairline); flex-shrink:0; }
.mr-head h2 { margin:0; font-size:var(--fs-title,18px); font-weight:700; }
.mr-body { padding:18px 20px; overflow:auto; overscroll-behavior:contain; min-height:0; }
.mr-form,.mr-field { display:flex; flex-direction:column; gap:8px; }
.mr-form { gap:16px; }
.mr-field>span { font-weight:600; }
.mr-panel input,.mr-panel select,.mr-panel textarea { width:100%; box-sizing:border-box; border:1px solid var(--m-line-strong); border-radius:8px; padding:10px 12px; font:inherit; font-size:16px; background:var(--m-surface); color:inherit; }
.mr-panel textarea { resize:vertical; min-height:64px; }
.mr-panel button { min-height:44px; }
.mr-panel button:disabled { opacity:var(--m-dim-opacity, .55); cursor:wait; }
.mr-tabs,.mr-row,.mr-actions,.mr-footer { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.mr-tabs [aria-pressed=true] { color:var(--m-brand-strong); border-color:var(--m-brand); background:var(--m-brand-tint); }
.mr-muted { color:var(--m-muted); font-size:var(--fs-meta,13px); margin:8px 0; overflow-wrap:anywhere; }
.mr-error { color:var(--m-danger); white-space:pre-wrap; font-size:var(--fs-meta,13px); margin:8px 0; }
.mr-error:empty { display:none; }
.mr-rows { display:flex; flex-direction:column; gap:12px; }
.mr-card { border:1px solid var(--m-hairline); border-radius:12px; padding:16px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.mr-card h3 { font-size:var(--fs-body,15px); font-weight:700; white-space:pre-wrap; overflow-wrap:anywhere; margin:0; }
.mr-card p { margin:0; }
.mr-card.is-overdue { border-color:var(--m-danger-line-strong); }
.mr-kind { border-radius:999px; background:var(--m-brand-tint); color:var(--m-brand); padding:3px 9px; font-size:var(--fs-meta,13px); }
.mr-card details { width:100%; font-size:var(--fs-meta,13px); }
.mr-card summary { cursor:pointer; padding:8px 0; color:var(--m-ink-2); }
.mr-history { white-space:pre-wrap; overflow-wrap:anywhere; padding:8px 0; border-top:1px solid var(--m-surface-2); }
.mr-footer { margin-top:16px; }
@media(max-width:640px) { .mr-back { padding:8px; align-items:stretch; } .mr-panel { border-radius:12px; } .mr-head,.mr-body { padding:14px; } .mr-actions { width:100%; } .mr-actions button { flex:1 1 auto; } }

/* 직원 폰 탭 안에서도 기존 요청함 렌더러를 사용한다. */
.mr-back.mr-embedded { position: static; padding: 0; background: transparent; display: block; height: 100%; }
.mr-embedded .mr-panel { width: 100%; height: 100%; border-radius: 0; box-shadow: none; }