.sr-work-dialog { box-sizing:border-box; width:min(780px,calc(100% - 24px)); max-width:780px; max-height:calc(100dvh - 24px); margin:auto; padding:0; border:1px solid #e5e5ea; border-radius:8px; background:#fff; color:#1c1c1e; font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow:hidden; box-shadow:0 12px 48px #0003; }
.sr-work-dialog[open] { display:flex; flex-direction:column; }
.sr-work-dialog::backdrop { background:#0006; }
.sr-work-dialog * { box-sizing:border-box; min-width:0; letter-spacing:0; }
.sr-work-dialog [hidden] { display:none !important; }
.sr-work-dialog .work-heading { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:16px; align-items:center; padding:18px 20px; flex:none; border-bottom:1px solid #e5e5ea; }
.sr-work-dialog h2 { font-size:22px; line-height:1.25; margin:0; padding:0; border:0; background:transparent; }
.sr-work-dialog h3 { font-size:18px; margin:0 0 16px; }
.sr-work-dialog .work-heading p { margin:4px 0 0; font-size:14px; color:#6e6e73; overflow-wrap:anywhere; }
.sr-work-dialog button { font:inherit; color:#1c1c1e; min-height:44px; border:1px solid #d1d1d6; background:#fff; border-radius:6px; padding:9px 14px; cursor:pointer; width:auto; box-shadow:none; text-transform:none; }
.sr-work-dialog button:disabled { opacity:.5; cursor:wait; }
.sr-work-dialog .work-primary { background:#ff5100; color:#fff; border-color:#ff5100; font-weight:600; }
.sr-work-dialog [data-work-close] { display:grid; place-items:center; height:44px; width:44px; padding:10px; }
.sr-work-dialog img { width:20px; height:20px; flex:none; }
.sr-work-dialog :is(button,input,select,textarea,summary):focus-visible { outline:2px solid #007aff; outline-offset:2px; }
.sr-work-dialog .work-tabs { display:grid; grid-template-columns:1fr 1.5fr 1fr; padding:0 12px; flex:none; border-bottom:1px solid #e5e5ea; }
.sr-work-dialog .work-tabs button { border:0; border-bottom:3px solid transparent; border-radius:0; font-size:14px; padding:12px 6px; }
.sr-work-dialog .work-tabs [aria-selected=true] { color:#c43d00; border-bottom-color:#ff5100; font-weight:600; }
.sr-work-dialog .work-scroll { overflow:auto; overscroll-behavior:contain; padding:0 20px max(20px,env(safe-area-inset-bottom)); }
.sr-work-dialog [data-work-status] { font-size:14px; color:#6e6e73; overflow-wrap:anywhere; margin:12px 0; }
.sr-work-dialog [data-work-status]:empty { margin:16px 0 0; }
.sr-work-dialog .work-muted,.sr-work-dialog small { color:#6e6e73; }
.sr-work-dialog .work-error { color:#c42626 !important; }
.sr-work-dialog .work-done { color:#008544; }
.sr-work-dialog .work-field { display:flex; flex-direction:column; gap:6px; font-size:14px; font-weight:500; margin:0 0 16px; }
.sr-work-dialog input:not([type=checkbox]),.sr-work-dialog select,.sr-work-dialog textarea { width:100%; min-height:44px; padding:10px 12px; font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#fff; color:#1c1c1e; border:1px solid #d1d1d6; border-radius:6px; box-shadow:none; }
.sr-work-dialog textarea { resize:vertical; }
.sr-work-dialog input[type=date] { max-width:100%; min-width:0; -webkit-appearance:none; }
.sr-work-dialog .work-order-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13px; margin-bottom:12px; color:#6e6e73; }
.sr-work-dialog .work-order-meta > span { flex:1 1 100%; }
.sr-work-dialog .work-order-meta button { font-size:14px; }
.sr-work-dialog .work-item,.sr-work-dialog .work-event { border:0; border-bottom:1px solid #e5e5ea; border-radius:0; background:transparent; box-shadow:none; padding:0; }
.sr-work-dialog summary { display:grid; grid-template-columns:minmax(0,1fr) auto 20px; align-items:center; gap:12px; padding:16px 0; list-style:none; cursor:pointer; font-weight:400; background:transparent; border:0; border-radius:0; }
.sr-work-dialog summary::-webkit-details-marker { display:none; }
.sr-work-dialog summary strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.sr-work-dialog summary small { display:block; font-size:13px; margin-top:3px; overflow-wrap:anywhere; }
.sr-work-dialog summary img { transform:rotate(180deg); }
.sr-work-dialog details[open] > summary img { transform:rotate(-90deg); }
.sr-work-dialog .work-item-state { font-size:12px; max-width:82px; text-align:right; color:#6e6e73; }
.sr-work-dialog .work-item-state.work-done { color:#008544; }
.sr-work-dialog .work-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 16px; }
.sr-work-dialog .work-counts dt { color:#6e6e73; font-size:12px; }
.sr-work-dialog .work-counts dd { font-size:18px; font-weight:600; margin:4px 0 0; overflow-wrap:anywhere; }
.sr-work-dialog .work-counts div:last-child dd { color:#c43d00; }
.sr-work-dialog .work-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sr-work-dialog .work-quantity-row { border-top:1px solid #e5e5ea; padding:12px 0; }
.sr-work-dialog .work-choice { display:flex; align-items:center; gap:12px; min-height:44px; cursor:pointer; }
.sr-work-dialog .work-choice strong { font-size:15px; font-weight:500; overflow-wrap:anywhere; }
.sr-work-dialog .work-choice small { display:block; font-size:12px; margin-top:4px; overflow-wrap:anywhere; }
.sr-work-dialog input[type=checkbox] { width:22px; height:22px; flex:0 0 22px; accent-color:#ff5100; margin:0; }
.sr-work-dialog .work-quantity { display:block; padding:10px 0 2px 34px; font-size:13px; }
.sr-work-dialog .work-quantity > span { display:flex; align-items:center; gap:10px; margin-top:4px; }
.sr-work-dialog .work-quantity input { width:140px; max-width:70%; }
.sr-work-dialog .work-form-footer,.sr-work-dialog .work-actions { display:flex; flex-wrap:wrap; gap:10px; padding:16px 0 0; }
.sr-work-dialog .work-form-footer .work-primary { flex:1; }
.sr-work-dialog .work-event summary { grid-template-columns:minmax(0,1fr) 20px; }
.sr-work-dialog .work-event-body { font-size:14px; padding-bottom:16px; }
.sr-work-dialog .work-event-body ul { padding:0; list-style:none; }
.sr-work-dialog .work-event-body li { padding:8px 0; border-bottom:1px solid #f2f2f7; overflow-wrap:anywhere; }
.sr-work-dialog .work-event-body li strong { display:block; margin-top:4px; }
.sr-work-dialog .work-note { white-space:pre-wrap; overflow-wrap:anywhere; }
.sr-work-dialog [data-work-confirm] { padding:12px; margin:12px 0; background:#fff4ee; border:1px solid #ffd2bd; border-radius:6px; }
.sr-work-dialog [data-work-more] { margin-top:16px; }
@media (max-width:480px) {
  .sr-work-dialog .work-heading { padding:14px; }
  .sr-work-dialog .work-scroll { padding-left:14px; padding-right:14px; }
  .sr-work-dialog .work-form-grid { grid-template-columns:minmax(0,1fr); gap:0; }
  .sr-work-dialog summary { gap:8px; }
}