/* Only workflow states. The homepage remains the master, using dashboard.css unchanged. */
.cf-workspace{padding-bottom:13px}
.cf-workspace .cf-context{padding:0}
.cf-context-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 15px 13px}
.cf-context-heading>div:first-child{min-width:0}
.cf-context-heading p{font-size:11px;color:#53709f;margin:0 0 5px}
.cf-context-heading h1{font:28px/1.15 var(--cd-serif);letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}
.cf-tools{flex-shrink:0}
.cf-steps{display:flex;align-items:center;gap:11px;border-top:1px solid var(--cd-border);padding:9px 15px}
.cf-steps button{border-radius:5px;min-height:34px;padding:7px 13px;color:#45628c;font:600 12px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap}
.cf-steps button[aria-current=step]{background:linear-gradient(90deg,#d8f3fc,#e5f9fa);color:#0078a4}
.cf-steps button:disabled{color:#7c91ab;cursor:default}
.cf-steps>span{font-size:12px;color:#6584aa}
.cf-work-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2.15fr);gap:13px;align-items:start}
.cf-case-content{display:grid;gap:13px;min-width:0}
.cf-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:13px;align-items:start}
.cf-import-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:13px;align-items:start}
.cf-equal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}
.cf-workspace .cd-panel-title{min-height:44px}
.cf-workspace .cd-panel-title h2{white-space:normal;line-height:1.25;min-width:0}
.cf-workspace .cd-panel-title h2 .icon{flex-shrink:0}
.cf-panel-body{padding:0 15px 15px;min-width:0;font-size:12px;line-height:1.45}
.cf-panel-body p{font-size:12px;line-height:1.45;margin:0}
.cf-field{margin-bottom:13px}
.cf-field>small,.cf-compare small{display:block;color:#53709f;font-size:10px;line-height:1.4;margin-bottom:5px}
.cf-field>p{font-size:12px;line-height:1.45;margin:0;overflow-wrap:anywhere}
.cf-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:12px 0;margin-bottom:13px;border-top:1px solid var(--cd-border);border-bottom:1px solid var(--cd-border)}
.cf-compare>div+div{border-left:1px solid var(--cd-border);padding-left:13px}
.cf-compare strong{display:block;font:600 15px/1.3 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;color:#0073a0}
.cf-workspace .cf-extract{white-space:pre-wrap;overflow-wrap:anywhere;max-height:190px;overflow:auto;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--cd-navy);margin:8px 0 0;padding:10px;background:#edf7ff;border:1px solid var(--cd-border);border-radius:5px}
.cf-workspace .cf-compare .cf-extract{font-size:11px;padding:0;border:0;background:none;max-height:160px}
.cf-details{border-top:1px solid var(--cd-border);padding:10px 0;font-size:12px}
.cf-details summary{font-size:11px;line-height:1.4;color:#0270d9;cursor:pointer}
.cf-details>p{margin:8px 0 0}
.cf-workspace .cf-verbatim{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--cd-navy)}
.cf-workspace .cf-note{font-size:10px;color:#53709f;line-height:1.5;margin:9px 0 0}
.cf-limit{border:1px solid #dfedf8;background:#edf7ff;border-radius:5px;padding:10px;margin:10px 0}
.cf-limit .cf-field{margin:0}
.cf-limit p{font-size:11px}
.cf-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}
.cf-workspace .cd-button{font-size:11px;gap:13px;padding:9px 13px;min-height:36px}
.cf-workspace .cd-button:disabled{opacity:.55;cursor:default}
.cf-workspace .cf-link{font-size:11px;color:#0270d9;display:inline-flex;align-items:center;gap:8px}
.cf-source-name{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.cf-source-name>.icon{width:20px;height:22px;color:#0073a0;flex-shrink:0}
.cf-source-name strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.cf-source-name small{display:block;font-size:10px;color:#53709f;margin-top:3px}
.cf-related{display:grid;gap:9px;padding:10px 0 0}
.cf-related a{font-size:11px;color:#0270d9}
.cf-queue .cf-case-row{padding:9px 5px;min-height:54px;border-bottom:1px solid var(--cd-border)}
.cf-queue .cf-case-row:last-child{border-bottom:0}
.cf-case-row[aria-current=page],.cf-list-row[aria-current=page]{background:linear-gradient(90deg,#d8f3fc,#e5f9fa);border-radius:5px}
.cf-case-row strong{font-weight:600}
.cf-case-row small{overflow-wrap:anywhere}
.cf-work-footer{display:flex;align-items:center;gap:13px;padding:6px 0 3px;font-size:10px;color:#53709f;flex-wrap:wrap}
.cf-work-footer button,.cf-work-footer a{font-size:11px;color:#0270d9}
.cf-work-footer a{margin-left:auto}
.cf-list-row{display:flex;align-items:center;gap:9px;min-height:49px;padding:10px 5px;border-bottom:1px solid var(--cd-border);font-size:12px}
.cf-list-row:last-child{border-bottom:0}
.cf-list-row>.icon{width:18px;height:20px;color:#0073a0;flex-shrink:0}
.cf-list-row>div,.cf-list-row>label{flex:1;min-width:0}
.cf-list-row strong{display:block;font-size:12px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.cf-list-row small{display:block;font-size:10px;color:#53709f;line-height:1.4;margin-top:4px}
.cf-list-row:hover{background:#ebf7ff;border-radius:4px}
.cf-list-row.task-row{margin:0}
.cf-list-row.task-row.done strong{text-decoration:line-through;color:#6584aa}
.cf-original{padding:12px 5px}
.cf-empty{font:12px/1.5 Arial,Helvetica,sans-serif;color:#53709f;padding:12px 5px}
.cf-choices{display:flex;gap:7px;flex-wrap:wrap;border:0;padding:0;margin:0 0 13px;min-width:0}
.cf-choices legend,.cf-label{display:block;font-size:11px;color:#45628c;font-weight:600;margin:0 0 7px}
.cf-choices label{display:flex;align-items:center;gap:7px;border:1px solid var(--cd-border);background:#f8fcff;border-radius:5px;padding:8px;font-size:11px;cursor:pointer}
.cf-choices label:has(input:checked){background:#e4f4ff;border-color:#1281d8}
.cf-choices input{accent-color:#0073a0;margin:0}
.cf-workspace textarea,.cf-workspace input[type=text],.cf-workspace input:not([type]),.cf-workspace input[type=search],.cf-workspace select{font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--cd-navy);width:100%;min-width:0;padding:9px 10px;background:#faffff;border:1px solid #cfe1ef;border-radius:6px}
.cf-workspace textarea{display:block;resize:vertical;min-height:120px;max-height:380px}
.cf-workspace input:focus-visible,.cf-workspace textarea:focus-visible,.cf-workspace select:focus-visible,.cf-workspace button:focus-visible,.cf-workspace a:focus-visible{outline:2px solid #1281d8;outline-offset:2px}
.cf-import-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:13px;margin-bottom:13px}
.cf-file-input{display:grid;gap:7px;margin-top:13px;font-size:11px}
.cf-file-input input{font-size:11px;max-width:100%}
.cf-file-input small{font-size:10px;color:#53709f}
.cf-filter{display:flex;gap:9px;padding:0 15px 13px}
.cf-filter select{max-width:170px}
.cf-workspace .cf-error{font-size:12px;color:#a23552;margin:10px 0 0}
.cf-activity .cd-activity-row{min-height:49px}
@media(min-width:1550px){.cf-panel-body,.cf-panel-body p,.cf-field>p{font-size:13px}.cf-context-heading{padding-top:20px;padding-bottom:17px}.cf-work-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,2.2fr)}}
@media(max-width:1250px){.cf-work-grid{grid-template-columns:minmax(200px,.8fr) minmax(0,2.2fr)}.cf-panel-body{padding:0 10px 12px}.cf-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.cf-queue .cd-status{font-size:8px;padding:4px}.cf-workspace .cd-panel-title{padding:12px 10px 10px}.cf-workspace .cd-panel-title h2{font-size:15px}}
@media(max-width:1000px){.cf-work-grid{grid-template-columns:1fr}.cf-queue{display:flex;overflow:auto;gap:9px}.cf-queue .cf-case-row{flex:0 0 230px;border-bottom:0}.cf-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.cf-import-grid{grid-template-columns:1fr}.cf-workspace .cd-panel-title h2{font-size:17px}}
@media(max-width:700px){.cf-context-heading{padding:15px;align-items:start}.cf-context-heading h1{font-size:24px}.cf-context-heading p{font-size:10px}.cf-context-heading .cd-button{padding:8px 10px;gap:7px}.cf-steps{padding:8px;gap:3px;justify-content:space-between}.cf-steps button{font-size:10px;padding:7px 5px}.cf-steps>span{font-size:9px}.cf-detail-grid,.cf-equal-grid{grid-template-columns:1fr}.cf-panel-body{padding:0 15px 15px}.cf-import-fields{grid-template-columns:1fr}.cf-workspace .cd-panel-title{padding:15px}.cf-workspace .cd-panel-title h2{font-size:18px}.cf-work-footer{gap:9px}.cf-work-footer a{margin:0}.cf-filter{flex-wrap:wrap}.cf-filter select{max-width:none}.cf-list-row{min-height:54px}.cf-list-row .cf-link{font-size:10px}.cf-queue .cf-case-row{flex-basis:250px}}

@media(max-width:370px){.cf-steps{gap:1px;padding:8px 6px}.cf-steps button{padding-left:3px;padding-right:3px}.cf-steps>span{font-size:8px}}