/* OS detail B: mobile document and controls, shared with the B1 list palette. */
html:root body #osDetailPanelM{--text-primary:var(--os-layer-ink);--text-sec:var(--os-layer-muted);--text-dim:var(--os-layer-muted);--osd-glass:color-mix(in srgb,var(--os-layer-surface) 76%,transparent);font-family:Manrope,system-ui,sans-serif;color:var(--os-layer-ink);background:var(--os-layer-bg);border:1px solid var(--os-layer-line);border-bottom:0;border-radius:32px 32px 0 0;max-width:520px}
html:root body #osDetailPanelM *{box-sizing:border-box}
html:root body #osDetailPanelM button,html:root body #osDetailPanelM summary{font-family:inherit;cursor:pointer}
html:root body #osDetailPanelM :is(button,summary):focus-visible{outline:3px solid var(--os-layer-accent);outline-offset:-3px}
html:root body #osDetailPanelM button:active{filter:brightness(.92)}
html:root body #osDetailPanelM .osd-hero-toolbar-m{position:sticky;top:0;inset-inline:0;z-index:5;display:flex;min-height:70px;padding:12px 14px;border-bottom:1px solid var(--os-layer-line);background:var(--osd-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);gap:8px}
html:root body #osDetailPanelM .osd-order-number-m{padding:0;border:0;border-radius:0;background:transparent;color:var(--os-layer-ink);font-size:.8125rem;backdrop-filter:none}
html:root body #osDetailPanelM .osd-icon-btn-m{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0;border:1px solid var(--os-layer-line);background:var(--osd-glass);color:var(--os-layer-ink)}
html:root body #osDetailPanelM .osd-back-m[hidden]{display:none}
html:root body #osDetailPanelM .osd-hero-m{height:auto;min-height:224px;padding:20px 18px 24px;isolation:isolate;background:var(--os-layer-surface);border-bottom:1px solid var(--os-layer-line);overflow:hidden}
html:root body #osDetailPanelM .osd-hero-m.is-empty{min-height:0}
html:root body #osDetailPanelM .osd-hero-m::after{display:none}
html:root body #osDetailPanelM .osd-hero-photo-m{position:absolute;inset:0 0 0 auto;width:65%;height:100%;z-index:-1;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 88%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 88%)}
html:root body #osDetailPanelM .osd-hero-photo-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(.8px);object-position:center 38%;transform:none}
html:root body #osDetailPanelM .osd-location-m{display:flex;align-items:center;gap:8px;color:var(--os-layer-accent);font-size:.8125rem;line-height:1.5;margin:0 0 10px;font-weight:600;text-shadow:none}
html:root body #osDetailPanelM .osd-location-m svg{width:18px;height:18px}
html:root body #osDetailPanelM .osd-title-m{color:var(--os-layer-ink);font-family:inherit;font-weight:600;font-size:1.4rem;line-height:1.32;letter-spacing:-.5px;overflow-wrap:anywhere;background:transparent;margin:0 0 14px;padding:0;text-shadow:none}
html:root body #osDetailPanelM .osd-badges-m{margin:0;gap:8px;align-items:center}
html:root body #osDetailPanelM .osd-badge-m{border:0;border-radius:8px;padding:5px 9px;font-size:.75rem;line-height:1.4;background:var(--os-layer-tint);color:var(--os-layer-accent)}
html:root body #osDetailPanelM .osd-badge-m:is(.is-open,.is-resolved){background:var(--os-layer-green-bg);color:var(--os-layer-green)}
html:root body #osDetailPanelM .osd-badge-m:is(.is-critical,.is-rejected,.is-deleted){background:var(--os-layer-red-bg);color:var(--os-layer-red)}
html:root body #osDetailPanelM .osd-evidence-m{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:18px;padding:10px 14px;border:1px solid var(--os-layer-line);border-radius:14px;background:var(--osd-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--os-layer-ink);font-size:.75rem}
html:root body #osDetailPanelM .osd-evidence-m svg{width:20px;height:20px}
html:root body #osDetailPanelM .osd-no-photo-m{font-size:.75rem;color:var(--os-layer-muted);margin:18px 0 0}
html:root body #osDetailPanelM .osd-content-m{padding:18px 18px 26px}
html:root body #osDetailPanelM :is(.osd-routing-m,.osd-section-m,.osd-context-shell-m,.osd-details-m){margin:18px 0 0;padding:16px;border:1px solid var(--os-layer-line);border-radius:22px;background:var(--os-layer-surface)}
html:root body #osDetailPanelM .osd-routing-m{margin-top:0;padding:0;overflow:hidden}
html:root body #osDetailPanelM .osd-section-title-m{display:flex;align-items:center;gap:8px;color:var(--os-layer-ink);font-size:.875rem;font-weight:600;line-height:1.5;margin:0 0 14px}
html:root body #osDetailPanelM .osd-routing-m>.osd-section-title-m{padding:16px;margin:0}
html:root body #osDetailPanelM .osd-section-title-m svg{width:20px;height:20px;color:var(--os-layer-accent)}
html:root body #osDetailPanelM .osd-route-m{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 16px;padding:14px 0;border-top:1px solid var(--os-layer-line)}
html:root body #osDetailPanelM .osd-route-m>div{flex:1;min-width:100px}
html:root body #osDetailPanelM .osd-route-m span{display:block;color:var(--os-layer-muted);font-size:.6875rem;margin-bottom:6px}
html:root body #osDetailPanelM .osd-route-m strong{display:block;color:var(--os-layer-ink);font-size:.8125rem;font-weight:600;line-height:1.5;text-align:left;white-space:normal;text-shadow:none}
html:root body #osDetailPanelM .osd-route-m .is-critical{color:var(--os-layer-red)}
html:root body #osDetailPanelM .osd-requester-m{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border:0;background:transparent;flex-wrap:wrap}
html:root body #osDetailPanelM .osd-avatar-m{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;border-radius:50%;padding:0;border:0;background:var(--os-layer-tint);color:var(--os-layer-accent);font-size:11px;line-height:1;overflow:hidden;box-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center}
html:root body #osDetailPanelM .osd-person-copy-m{min-width:80px}
html:root body #osDetailPanelM .osd-person-label-m{display:block;color:var(--os-layer-muted);font-size:.6875rem;line-height:1.4}
html:root body #osDetailPanelM .osd-person-name-m{font-size:.8125rem;color:var(--os-layer-ink);line-height:1.5;overflow-wrap:anywhere}
html:root body #osDetailPanelM .osd-person-time-m{font-size:.6875rem;color:var(--os-layer-muted)}
html:root body #osDetailPanelM .osd-team-details-m{border-top:1px solid var(--os-layer-line)}
html:root body #osDetailPanelM .osd-team-details-m>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;min-height:66px}
html:root body #osDetailPanelM .osd-team-details-m>summary::-webkit-details-marker{display:none}
html:root body #osDetailPanelM .osd-team-details-m>summary>span{min-width:0;flex:1}
html:root body #osDetailPanelM .osd-team-details-m>summary .osd-person-label-m{margin-bottom:8px}
html:root body #osDetailPanelM .osd-team-details-m[open]>summary>.osd-chevron-m{transform:rotate(90deg)}
html:root body #osDetailPanelM .osd-avatar-stack-m{padding:2px 0 2px 7px;overflow:visible;align-items:center}
html:root body #osDetailPanelM .osd-avatar-stack-m .osd-avatar-m{border:2px solid var(--os-layer-surface)}
html:root body #osDetailPanelM .osd-assignees-m{flex-wrap:wrap;overflow:visible}
html:root body #osDetailPanelM .osd-assignee-names-m{font-size:.8125rem;color:var(--os-layer-ink);overflow-wrap:anywhere}
html:root body #osDetailPanelM .osd-team-full-m{border-top:1px solid var(--os-layer-line)}
html:root body #osDetailPanelM .osd-change-team-m{display:block;min-height:48px;width:calc(100% - 32px);margin:8px 16px 16px;padding:12px;border:1px solid var(--os-layer-line);border-radius:14px;background:var(--os-layer-tint);color:var(--os-layer-accent);font-size:.875rem}
html:root body #osBatchPanelM .osd-people-heading-m{font-family:Manrope,system-ui,sans-serif;font-size:.875rem;margin:20px 0 12px;color:var(--os-layer-ink)}
/* People editor A: direct, reversible list editing in the OS detail flow. */
html:root body #osBatchPanelM.os-people-editor-m{bottom:var(--visual-keyboard-offset,0px);max-width:520px;max-height:calc(100dvh - var(--sat) - var(--visual-keyboard-offset,0px) - 10px);border:1px solid var(--os-layer-line);border-bottom:0;border-radius:30px 30px 0 0;background:var(--os-layer-bg);color:var(--os-layer-ink);font-family:Manrope,system-ui,sans-serif;box-shadow:0 -10px 44px #0003}
html:root body #osBatchPanelM.os-people-editor-m>.sheet-title{position:relative;min-height:66px;margin:0;padding:14px 16px 9px;border-bottom:1px solid var(--os-layer-line);background:color-mix(in srgb,var(--os-layer-surface) 82%,transparent);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
html:root body #osBatchPanelM.os-people-editor-m>.sheet-title::before{content:"";position:absolute;top:6px;left:50%;width:36px;height:4px;border-radius:999px;background:var(--os-layer-line);transform:translateX(-50%)}
html:root body #osBatchPanelM.os-people-editor-m #osBatchTitleM{color:var(--os-layer-ink);font-size:1rem;font-weight:600;letter-spacing:-.02em}
html:root body #osBatchPanelM.os-people-editor-m #osBatchTitleM small{display:block;margin-top:2px;color:var(--os-layer-muted);font-size:.625rem;font-weight:600;letter-spacing:0}
html:root body #osBatchPanelM.os-people-editor-m>.sheet-title .sheet-close{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--os-layer-line);border-radius:50%;background:var(--os-layer-surface);color:var(--os-layer-ink)}
html:root body #osBatchPanelM.os-people-editor-m .os-batch-body-m{padding:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:12px 0 82px;background:var(--os-layer-bg)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-editor-content-m{padding:14px 16px 24px}
html:root body #osBatchPanelM.os-people-editor-m .osd-requester-m{margin:0;padding:2px 2px 16px;border-bottom:1px solid var(--os-layer-line);background:transparent;flex-wrap:nowrap}
html:root body #osBatchPanelM.os-people-editor-m .osd-avatar-m{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;min-height:42px;flex:0 0 42px;overflow:hidden;border:1px solid var(--os-layer-line);border-radius:50%;background:var(--os-layer-surface);color:var(--os-layer-accent);font-size:.6875rem}
html:root body #osBatchPanelM.os-people-editor-m .osd-avatar-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
html:root body #osBatchPanelM.os-people-editor-m .osd-person-copy-m{min-width:0;flex:1}
html:root body #osBatchPanelM.os-people-editor-m .osd-person-label-m{color:var(--os-layer-muted);font-size:.6875rem}
html:root body #osBatchPanelM.os-people-editor-m .osd-person-name-m{margin-top:2px;color:var(--os-layer-ink);font-size:.8125rem;line-height:1.45}
html:root body #osBatchPanelM.os-people-editor-m .os-people-section-head-m{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 2px 10px}
html:root body #osBatchPanelM.os-people-editor-m .os-people-section-head-m div>span{display:block;color:var(--os-layer-accent);font-size:.625rem;letter-spacing:.14em}
html:root body #osBatchPanelM.os-people-editor-m .os-people-section-head-m div>strong{display:block;margin-top:4px;color:var(--os-layer-ink);font-size:.875rem;font-weight:600}
html:root body #osBatchPanelM.os-people-editor-m .os-people-section-head-m>small{color:var(--os-layer-muted);font-size:.625rem;text-align:right}
html:root body #osBatchPanelM.os-people-editor-m .os-people-list-m{overflow:hidden;border:1px solid var(--os-layer-line);border-radius:18px;background:var(--os-layer-surface)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-row-m{display:flex;align-items:center;gap:11px;min-height:68px;padding:8px 7px 8px 11px;border-bottom:1px solid var(--os-layer-line)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-row-m:last-child{border-bottom:0}
html:root body #osBatchPanelM.os-people-editor-m .os-people-row-m .osd-avatar-m{width:40px;height:40px;min-width:40px;min-height:40px;flex-basis:40px}
html:root body #osBatchPanelM.os-people-editor-m .os-people-person-copy-m{min-width:0;flex:1}
html:root body #osBatchPanelM.os-people-editor-m .os-people-person-copy-m strong{display:block;color:var(--os-layer-ink);font-size:.8125rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
html:root body #osBatchPanelM.os-people-editor-m .os-people-person-copy-m small{display:block;margin-top:3px;color:var(--os-layer-muted);font-size:.6875rem;line-height:1.35}
html:root body #osBatchPanelM.os-people-editor-m .os-people-remove-m{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--os-layer-red)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-remove-m svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html:root body #osBatchPanelM.os-people-editor-m .os-people-add-m{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:12px;border:1px solid color-mix(in srgb,var(--os-layer-accent) 34%,transparent);border-radius:15px;background:var(--os-layer-tint);color:var(--os-layer-accent);font:600 .8125rem/1.4 Manrope,system-ui,sans-serif}
html:root body #osBatchPanelM.os-people-editor-m .os-people-add-m svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html:root body #osBatchPanelM.os-people-editor-m .os-people-empty-m{padding:25px 16px;border:1px dashed var(--os-layer-line);border-radius:18px;background:var(--os-layer-surface);color:var(--os-layer-muted);font-size:.75rem;line-height:1.55;text-align:center}
html:root body #osBatchPanelM.os-people-editor-m .os-people-undo-m{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:10px;padding:6px 7px 6px 13px;border-radius:15px;background:var(--os-layer-ink);color:var(--os-layer-surface);font-size:.6875rem}
html:root body #osBatchPanelM.os-people-editor-m .os-people-undo-m span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root body #osBatchPanelM.os-people-editor-m .os-people-undo-m button{min-height:36px;padding:0 12px;border:0;border-radius:11px;background:#ffffff1f;color:#fff;font:inherit}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-m{margin-top:12px;padding:10px;border:1px solid var(--os-layer-line);border-radius:18px;background:var(--os-layer-surface);animation:osPeopleRevealM .2s ease both}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-tabs-m{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--os-layer-bg)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-tabs-m button{min-height:42px;min-width:0;flex:1;padding:6px 4px;border:0;border-radius:11px;background:transparent;color:var(--os-layer-muted);font:600 .6875rem/1.3 Manrope,system-ui,sans-serif}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-tabs-m button[aria-selected="true"]{background:var(--os-layer-surface);color:var(--os-layer-accent);box-shadow:0 1px 4px #0001}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-field-m{position:relative;display:block;margin-top:10px}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-field-m>svg{position:absolute;z-index:1;left:12px;top:50%;width:18px;height:18px;fill:none;stroke:var(--os-layer-muted);stroke-width:1.8;transform:translateY(-50%)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-field-m input{width:100%;min-height:46px;padding:10px 12px 10px 39px;border:1px solid var(--os-layer-line);border-radius:13px;background:var(--os-layer-bg);color:var(--os-layer-ink);font:600 .8125rem/1.4 Manrope,system-ui,sans-serif;outline:0}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-field-m input:focus{border-color:var(--os-layer-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--os-layer-accent) 15%,transparent)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-search-results-m{max-height:238px;margin-top:8px;overflow-y:auto;overscroll-behavior:contain}
html:root body.keyboard-open #osBatchPanelM.os-people-editor-m .os-people-search-results-m{max-height:150px}
html:root body.keyboard-open #osBatchPanelM.os-people-editor-m .os-people-editor-content-m{padding-bottom:14px}
html:root body #osBatchPanelM.os-people-editor-m .os-people-candidate-m{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:7px;border:0;border-bottom:1px solid var(--os-layer-line);background:transparent;color:var(--os-layer-ink);text-align:left}
html:root body #osBatchPanelM.os-people-editor-m .os-people-candidate-m:last-child{border-bottom:0}
html:root body #osBatchPanelM.os-people-editor-m .os-people-candidate-m>span:nth-child(2){min-width:0;flex:1}
html:root body #osBatchPanelM.os-people-editor-m .os-people-candidate-m strong{display:block;font-size:.75rem;font-weight:600;overflow-wrap:anywhere}
html:root body #osBatchPanelM.os-people-editor-m .os-people-candidate-m small{display:block;margin-top:3px;color:var(--os-layer-muted);font-size:.625rem}
html:root body #osBatchPanelM.os-people-editor-m .os-people-candidate-m>svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--os-layer-accent);stroke-width:1.8;stroke-linecap:round}
html:root body #osBatchPanelM.os-people-editor-m .os-people-group-avatar-m{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:var(--os-layer-tint);color:var(--os-layer-accent);font-size:.6875rem}
html:root body #osBatchPanelM.os-people-editor-m .os-people-empty-search-m{margin:0;padding:18px 8px;color:var(--os-layer-muted);font-size:.75rem;text-align:center}
html:root body #osBatchPanelM.os-people-editor-m>.os-batch-footer-m{align-items:center;padding:10px 14px calc(14px + var(--sab));border-top:1px solid var(--os-layer-line);background:color-mix(in srgb,var(--os-layer-surface) 82%,transparent);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
html:root body #osBatchPanelM.os-people-editor-m .os-people-footer-count-m{width:66px;flex:0 0 66px;color:var(--os-layer-muted);font-size:.625rem;line-height:1.3}
html:root body #osBatchPanelM.os-people-editor-m #osBatchConfirmM{min-height:48px;border-radius:15px;background:#d6ae73;color:#202648;font:600 .8125rem/1.4 Manrope,system-ui,sans-serif}
html:root body #osBatchPanelM.os-people-editor-m :focus-visible{outline:3px solid var(--os-layer-accent);outline-offset:2px}
@keyframes osPeopleRevealM{from{opacity:0;transform:translateY(-7px) scale(.99)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html:root body #osBatchPanelM.os-people-editor-m *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){html:root body #osBatchPanelM.os-people-editor-m>.sheet-title,html:root body #osBatchPanelM.os-people-editor-m>.os-batch-footer-m{background:var(--os-layer-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
html:root body #osDetailPanelM .osd-description-m{font-size:.8125rem;color:var(--os-layer-muted);margin:0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
html:root body #osDetailPanelM .osd-details-summary-m,html:root body #osDetailPanelM .osd-context-toggle-m{min-height:44px;padding:0;border:0;background:transparent}
html:root body #osDetailPanelM :is(.osd-details-title-m,.osd-context-heading-m){color:var(--os-layer-ink);font-size:.8125rem}
html:root body #osDetailPanelM :is(.osd-context-summary-m,.osd-timeline-time-m){color:var(--os-layer-muted);font-size:.6875rem}
html:root body #osDetailPanelM :is(.osd-context-body-m,.osd-technical-list-m){padding-top:14px;margin:0}
html:root body #osDetailPanelM .osd-context-order-m{min-height:48px}
html:root body #osDetailPanelM .osd-thumbs-m{padding:12px 18px;background:var(--os-layer-bg);border:0;gap:8px}
html:root body #osDetailPanelM :is(.osd-thumb-m,.osd-resolution-photo-m){border-radius:14px;min-width:48px;min-height:48px;background:var(--os-layer-surface)}
html:root body #osDetailPanelM .osd-photo-count-m{color:var(--os-layer-muted)}
html:root body #osDetailPanelM .osd-footer-m{padding:12px 16px calc(16px + var(--sab));border-top:1px solid var(--os-layer-line);background:var(--osd-glass);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
html:root body #osDetailPanelM .osd-action-m{border-radius:18px;min-height:48px;font-family:inherit;font-size:.875rem;font-weight:600;color:var(--os-layer-ink);border-color:var(--os-layer-line)}
html:root body #osDetailPanelM .osd-action-m.is-primary{background:#d6ae73;color:#302418;border-color:transparent}
html:root body #osDetailPanelM .osd-action-m.is-danger{color:var(--os-layer-red);background:var(--os-layer-surface)}
html:root body #osDetailPanelM .osd-footer-status-m{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;font-size:.8125rem;color:var(--os-layer-muted)}
@media(prefers-reduced-motion:reduce){html:root body #osDetailPanelM,html:root body #osDetailPanelM *{transition:none;animation:none}}
@media(prefers-reduced-transparency:reduce){html:root body #osDetailPanelM{--osd-glass:var(--os-layer-surface)}html:root body #osDetailPanelM :is(.osd-footer-m,.osd-hero-toolbar-m,.osd-evidence-m){backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (background:color-mix(in srgb,white 50%,transparent)){html:root body #osDetailPanelM{--osd-glass:var(--os-layer-surface)}}
