/* UI-109：唯讀明細抽屜（已作業清單「查看」與行政審批「擔當作業查詢」共用）。視覺沿用 UI-106 審批頁抽屜。 */
.readonly-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:18px 20px 24px;border:0;border-left:1px solid #e9e3de;background:#fff;color:#2b3332;box-shadow:-18px 0 40px -24px rgb(43 51 50 / 45%);overflow:auto;box-sizing:border-box}
.readonly-drawer::backdrop{background:rgb(43 51 50 / 28%)}
.readonly-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px solid #e9e3de;padding-bottom:10px;margin-bottom:10px}
.readonly-drawer-head h3{margin:2px 0 0;font-size:1.1rem;overflow-wrap:anywhere}
.readonly-drawer-head .icon-button{flex:0 0 auto;width:36px;height:36px;margin:0}
.readonly-drawer-fields{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:6px 12px;margin:0}
.readonly-drawer-fields dt{color:#71807d;font-size:.86rem}
.readonly-drawer-fields dd{margin:0;overflow-wrap:anywhere}
.readonly-drawer-fields a{color:#3f6e67;font-weight:700}
.readonly-drawer-services{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.readonly-drawer .approval-chip,.monthly-page .approval-chip{display:inline-block;border-radius:999px;padding:1px 10px;font-size:.8rem;font-weight:700}
.readonly-drawer .approval-chip.is-done,.monthly-page .approval-chip.is-done{background:#e3f1e8;color:#2f6b4a}
.readonly-drawer .approval-chip.is-pending,.monthly-page .approval-chip.is-pending{background:#fdf3e3;color:#8a5a12}
.monthly-page .approval-chip.is-idle,.readonly-drawer .approval-chip.is-idle{background:#eef0ef;color:#71807d}
.monthly-page .approval-chip.is-revoked{background:#fbe9e7;color:#a3322a}
@media(max-width:520px){.readonly-drawer{width:100vw;border-left:0}.readonly-drawer-fields{grid-template-columns:6.5em minmax(0,1fr)}}
/* UI-111：追加待辦在会社名旁的「追加」小標（已作業清單、行政審批核對表、擔當作業查詢、本抽屜共用）。 */
.addition-tag{display:inline-block;margin-left:6px;padding:0 8px;border-radius:999px;border:1px solid #c98a2a;background:#fff4e0;color:#7a4b08;font-size:.74rem;font-weight:800;line-height:1.6;white-space:nowrap;vertical-align:middle}
.readonly-drawer-tag{margin:4px 0 0}
.readonly-drawer-tag:empty{display:none}
.readonly-drawer-tag .addition-tag{margin-left:0}