#executionPanel{margin:20px 0;padding:16px;border:1px solid #d7e1e8;border-radius:14px;background:#fff;color:#193545;min-width:0}#executionPanel[hidden]{display:none}.execution-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.execution-heading h2{margin:0;overflow-wrap:anywhere}.execution-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:16px}.execution-left,.execution-right{min-width:0}.execution-right{display:flex;flex-direction:column;max-height:75vh}#executionTimeline{overflow-y:auto;min-height:0;overscroll-behavior:contain}.execution-update{padding:12px;margin-bottom:12px;background:#f3f6f8;border-radius:10px;overflow-wrap:anywhere}.execution-update.post-close{background:#f4f0fa;border:1px solid #e3d9f0}.execution-update p{margin:6px 0}.execution-tag{display:inline-block;border-radius:999px;background:#d5eaf5;color:#153e53;padding:3px 10px;margin:3px;max-width:100%;overflow-wrap:anywhere}#executionIssueDescription{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30vh;overflow-y:auto}#executionDescription{border:1px solid #9eafbb;border-radius:8px;min-height:120px;padding:10px;overflow-wrap:anywhere;max-width:100%;background:#fff}#executionDescription[contenteditable=false]{background:#eee}.execution-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.execution-toolbar button{padding:6px 10px}.execution-file{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}#executionProgress{width:100%;margin:12px 0}#executionPanel button{cursor:pointer}#executionPanel button:disabled{cursor:default;opacity:.55}#executionMessage{min-height:24px;margin-top:8px;color:#244f68}.execution-dialog{max-width:min(540px,90vw);border:1px solid #9fadb8;border-radius:14px;padding:20px;overflow-wrap:anywhere}.execution-dialog::backdrop{background:#19354588}.execution-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.execution-dialog textarea{width:100%;box-sizing:border-box;min-height:100px}@media(max-width:650px){#executionPanel{padding:12px}.execution-columns{display:block}.execution-right{max-height:none;margin-top:24px}#executionTimeline{overflow:visible}.execution-heading{align-items:flex-start}#executionIssueDescription{max-height:none;overflow:visible}.execution-dialog{box-sizing:border-box}#executionFiles{max-width:100%}}

/* Keep long drafts inside the editor and match the existing Create/My Work actions. */
#executionDescription{box-sizing:border-box;height:240px;max-height:35vh;min-height:120px;overflow-y:auto;overscroll-behavior:contain}
#executionPanel button,.execution-dialog button,#executionFiles::file-selector-button{padding:10px 16px;border:1px solid #1757a6;border-radius:6px;background:#1757a6;color:#fff;font:inherit;cursor:pointer}
#executionPanel button:hover,.execution-dialog button:hover,#executionFiles::file-selector-button:hover{background:#124783}
#executionPanel button:disabled,.execution-dialog button:disabled,#executionFiles:disabled::file-selector-button{opacity:.55;cursor:default}
#executionPanel .execution-toolbar button{padding:6px 10px;font-size:inherit}
#executionFiles{display:block;width:100%;box-sizing:border-box;margin:8px 0 12px;font:inherit}
#executionFiles::file-selector-button{margin-right:10px}
.execution-link-dialog label{display:block;margin:12px 0 6px}.execution-link-dialog input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #aebdce;border-radius:6px;font:inherit}#executionLinkError{color:#9b2424}
@media(max-width:650px){#executionDescription{height:200px;max-height:35vh}.execution-link-dialog{width:min(540px,90vw)}}

#executionPanel{width:min(1100px,calc(100vw - 40px));max-height:90vh;box-sizing:border-box;margin:auto;padding:24px;font:16px/1.6 'Microsoft JhengHei',sans-serif;overflow-y:auto;overscroll-behavior:contain;color:#24364b}
#executionPanel::backdrop{background:#17223970}#executionPanel:not([open]){display:none}#executionPanel h2{font-size:22px;line-height:1.4}#executionPanel h3{font-size:18px}.execution-dialog{font:16px/1.6 'Microsoft JhengHei',sans-serif;color:#24364b}#executionHint,#executionMessage{font-size:14px}.execution-heading{position:sticky;top:-24px;background:#fff;padding:8px 0;z-index:1}#executionPanel .execution-right{max-height:65vh}
@media(max-width:650px){#executionPanel{width:calc(100vw - 20px);max-height:94vh;padding:16px}#executionPanel h2{font-size:20px}.execution-heading{top:-16px}#executionPanel .execution-right{max-height:none}}

.execution-update{padding:0;overflow:hidden}.execution-update-meta{padding:12px 14px;background:#edf2f7}.execution-update-meta p:first-child{font-size:14px;font-weight:600;color:#43566b}.execution-update-meta p:last-child{font-size:14px;color:#526579}.execution-update-body{padding:14px;border-top:1px solid #d7e1eb;background:#fff;line-height:1.7}.execution-update-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}.execution-update.post-close .execution-update-body{background:#faf7fd}
/* Keep the close action readable when a title is exceptionally long. */
#executionClose{flex-shrink:0;white-space:nowrap}#executionHeading{min-width:0;max-height:4.2em;overflow-y:auto;overflow-wrap:anywhere}
#executionIssueInfo{max-height:240px;overflow-y:auto;overflow-wrap:anywhere}#executionIssueInfo dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px}#executionIssueInfo dt{font-weight:600}#executionIssueInfo dd{margin:0;white-space:pre-line}#executionOriginalAttachments{max-height:180px;overflow-y:auto;overflow-wrap:anywhere}

/* Compact short metadata while retaining complete values and accessible scrolling. */
#executionIssueInfo{max-height:200px}#executionIssueInfo dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:6px 12px}.execution-info-field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;min-width:0}.execution-info-wide,.execution-info-time{grid-column:1 / -1}
#executionPanel .execution-right{box-sizing:border-box;border:1px solid #cad7e5;border-radius:12px;background:#f8fafc;padding:16px;min-height:0}#executionPanel .execution-right>h3{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #d7e1eb;flex-shrink:0}
@media(max-width:650px){#executionIssueInfo{max-height:240px}.execution-info-time{grid-column:1 / -1}}

/* LAYOUT_CHANGE_2026-10-23: v4 final layout; timeline badge reads "進度更新 40% → 60%". */
.execution-summary{margin:4px 0 8px;font-size:14px;color:#52677d;overflow-wrap:anywhere}
.execution-status-box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:start;padding:10px 14px;border-radius:8px;background:#eef7f1;border:1px solid #cfe8da;font-size:14px}.execution-status-box p{margin:0}.execution-status-left{display:flex;flex-direction:column;gap:4px}.execution-status-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:2px 10px;margin:0;font-size:13px;color:#43566b}.execution-status-meta dt{font-weight:600;white-space:nowrap}.execution-status-meta dd{margin:0;overflow-wrap:anywhere}@media(max-width:650px){.execution-status-box{grid-template-columns:1fr}.execution-status-meta{grid-template-columns:auto minmax(0,1fr)}}.execution-chip{display:inline-block;padding:1px 10px;border-radius:12px;background:#d8f2e6;color:#146440;font-size:13px}
.execution-section{min-width:0;margin-bottom:12px}.execution-section>h3{margin:12px 0 8px}
#executionTags:has(.execution-tag)::before{content:'Tag：';color:#52677d}.execution-deadline{margin:6px 0;color:#52677d}.execution-operator{margin:0 0 6px;font-size:14px;color:#677c91;overflow-wrap:anywhere}
#executionState{margin:0 0 6px;font-size:14px;color:#52677d}
.execution-progress-field{display:flex;align-items:center;gap:8px;margin:6px 0 10px}.execution-progress-field label{font-weight:600}.execution-progress-field input[type=range]{flex:1;max-width:220px;width:auto;margin:0}.execution-progress-field output{font-weight:600;min-width:3em}
.execution-update{background:#fff;border-bottom:1px solid #dae3ef;border-radius:0;margin:0}.execution-update-meta.execution-update-meta-v2{background:transparent;padding:12px 4px 4px}.execution-update-meta-v2>p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.execution-update-badge{display:inline-block;padding:2px 10px;border-radius:12px;background:#e5f0ff;color:#19569a;font-size:13px}.execution-update-who{margin-top:6px;font-size:14px;color:#52677d}.execution-update-who strong{color:#24364b}
.execution-update-meta-v2+.execution-update-body{border-top:0;padding:4px 4px 12px;background:transparent}.execution-update-body .execution-update-label{display:none}
/* 2026-10-24: 交辦內容 framed like the timeline panel; description grows up to 30vh, then scrolls inside. */
#executionPanel .execution-brief{box-sizing:border-box;border:1px solid #cad7e5;border-radius:12px;background:#f8fafc;padding:16px;margin-top:0}#executionPanel .execution-brief>h3{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #d7e1eb}

/* 2026-10-24 John: secondary buttons white/rounded; 儲存／申請結案／插入連結 stay blue. */
#executionPanel button:not(#executionSave):not(#executionSubmit),.execution-dialog button:not(#executionLinkInsert){border-color:#c6d2e0;border-radius:7px;background:#fff;color:#24364b}#executionPanel button:not(#executionSave):not(#executionSubmit):hover:not(:disabled),.execution-dialog button:not(#executionLinkInsert):hover:not(:disabled){background:#f1f5fa}
#executionSave,#executionSubmit,#executionLinkInsert{border-radius:7px}#executionFiles::file-selector-button{border-color:#c6d2e0;border-radius:7px;background:#fff;color:#24364b;padding:6px 12px}#executionFiles::file-selector-button:hover{background:#f1f5fa}
#executionPanel #executionSave,#executionPanel #executionSubmit,.execution-dialog #executionLinkInsert{background:#185ba0;border-color:#185ba0;border-radius:7px}#executionPanel #executionSave:hover:not(:disabled),#executionPanel #executionSubmit:hover:not(:disabled),.execution-dialog #executionLinkInsert:hover{background:#124783}

/* CHANGE_2026-10-24_INSTRUCTION_EDIT_NOTICE */
.execution-notice{margin:0 0 10px;padding:10px 12px;border-radius:8px;background:#fff7e3;border:1px solid #f0dca6;color:#6b4e00;font-size:14px}.execution-notice[hidden]{display:none}.execution-notice p{margin:0}.execution-notice details{margin-top:6px}.execution-notice summary{cursor:pointer;color:#185ba0}.execution-notice-before{margin-top:6px;padding:8px 10px;background:#fff;border-radius:6px;color:#24364b;overflow-wrap:anywhere}.execution-notice-title{margin-top:6px!important;color:#24364b}