/* Added workflows reuse the approved cards, colours, type and banners. */
.op-panel{margin:20px 0}.op-panel h2{margin:0 0 8px;font-size:18px}.op-panel h3{margin:0 0 7px}.op-note{color:var(--p1-muted);font-size:12px;line-height:1.9}.op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-task{padding:16px;border:1px solid var(--p1-line);border-radius:17px;background:var(--p1-bg);min-width:0;display:flex;flex-direction:column;gap:8px}.op-task h3{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.op-task .p1-btn,.op-task .p1-soft-btn{margin-top:auto;align-self:flex-start}.op-task strong{font-size:24px;color:var(--p1-ink)}.op-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}.op-actions>*{min-width:0}.op-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.op-check{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:13px;line-height:1.9}.op-check input{width:19px;height:19px;accent-color:var(--p1-blue);flex-shrink:0}.op-check span{min-width:0}.op-dialog{padding:23px;width:min(820px,calc(100vw - 24px));max-height:88dvh;overflow:auto;border:1px solid var(--p1-line);border-radius:22px;background:var(--p1-surface);color:var(--p1-ink)}.op-dialog::backdrop{background:#08182a99}.op-dialog-header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.op-dialog-header h2{margin:0;font-size:21px}.op-dialog-header button{flex-shrink:0}.op-list{display:grid;gap:11px;margin:14px 0}.op-list article{border:1px solid var(--p1-line);border-radius:15px;padding:14px;background:var(--p1-bg);overflow-wrap:anywhere}.op-list p{margin:5px 0}.op-error{color:var(--p1-red);font-size:12px;line-height:1.9}.op-status{font-size:12px;line-height:1.9;color:var(--p1-muted)}.op-code{font:700 22px ui-monospace,monospace;letter-spacing:2px;direction:ltr;display:block;padding:15px;background:var(--p1-bg);border:1px solid var(--p1-line);border-radius:12px;text-align:center;user-select:all}.op-week-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.op-week-numbers>div{padding:13px;border:1px solid var(--p1-line);border-radius:14px;background:var(--p1-bg);text-align:center}.op-week-numbers strong{display:block;font-size:20px;color:var(--p1-ink)}.op-week-numbers small{color:var(--p1-muted);font-size:11px}.op-import-row{display:grid;grid-template-columns:auto 1fr 1fr;gap:9px;padding:12px;border:1px solid var(--p1-line);border-radius:14px;margin:11px 0;background:var(--p1-bg)}.op-import-row .field{margin:0}.op-import-row .op-full{grid-column:2/-1}.op-panel details>summary{cursor:pointer;font-weight:700;color:var(--p1-ink);padding:8px 0}.op-source-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:230px;overflow:auto;padding:12px;background:var(--p1-bg);border-radius:12px}.op-connect{padding:12px 0}.op-draft-status{font-size:11px;color:var(--p1-muted);margin:8px 0}.op-alert-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.op-alert-row>div{flex:1;min-width:160px}.op-panel .field input,.op-panel .field select,.op-dialog .field input,.op-dialog .field select,.op-dialog .field textarea{max-width:100%;box-sizing:border-box}.op-badge{display:inline-block;padding:4px 9px;border:1px solid var(--p1-line);border-radius:99px;color:var(--p1-muted);font-size:10px;line-height:1.8}.op-panel:focus,.op-task:focus{outline:2px solid var(--p1-blue);outline-offset:4px}
@media(max-width:760px){.op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-week-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.op-dialog{padding:18px}}
@media(max-width:480px){.op-grid,.op-field-row{grid-template-columns:1fr}.op-task{padding:14px}.op-task strong{font-size:22px}.op-dialog-header h2{font-size:18px}.op-import-row{grid-template-columns:auto 1fr}.op-import-row .field{grid-column:2}.op-import-row .op-full{grid-column:2}.op-actions .p1-btn,.op-actions .p1-soft-btn{max-width:100%}.op-panel h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.op-panel,.op-task{animation:none!important;transition:none!important}}