/* Readable shared typography for detail/edit dialogs, independent of compact card styles. */
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog){font-size:17px;line-height:1.6;color:var(--text);background:var(--surface);max-height:calc(100dvh - 24px);overflow:auto}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) :is(label,legend){font-size:16px;line-height:1.5;min-width:0}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) :is(input,select,textarea){font-size:17px;line-height:1.5;min-width:0;max-width:100%;box-sizing:border-box}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) :is(p,pre,.rich-editor,.detail-description,.imported-notion-body){font-size:17px;line-height:1.7;overflow-wrap:anywhere}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) :is(h2,.detail-head h2,.dialog-header h2){font-size:26px;line-height:1.35}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) :is(h3,.detail-stat b){font-size:19px;line-height:1.5}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) :is(small,.dialog-kicker,.detail-stat span,.flow-row){font-size:14px;line-height:1.6}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) button:not(.close-button){font-size:17px;line-height:1.4;min-height:42px}
dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) .close-button{font-size:26px;width:42px;height:42px;flex-shrink:0}
#factory-schedule-dialog .factory-form-grid{gap:20px;margin-top:24px}
#factory-schedule-dialog .factory-form-grid label{font-size:16px;gap:8px}
#factory-schedule-dialog .factory-form-grid :is(input,select){font-size:18px;padding:12px 14px;min-height:48px}
#factory-schedule-dialog .factory-form-grid textarea{font-size:17px;line-height:1.7;padding:12px 14px}
#factory-schedule-dialog .dialog-footer{gap:12px;flex-wrap:wrap}
@media(max-width:600px){dialog[id]:is(.task-dialog,.detail-dialog,.calendar-create-dialog,.board-dialog,.overseas-dialog) :is(h2,.detail-head h2,.dialog-header h2){font-size:24px}#factory-schedule-dialog .factory-form-grid :is(input,select){font-size:17px}#factory-schedule-dialog .dialog-footer{position:sticky;bottom:0;background:var(--surface);padding-block:14px}#factory-schedule-dialog .dialog-footer button{flex:1;min-width:80px}}