/* Process tools use the approved portal tokens and native forms/details. */
.fp-simple .sf-process-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:32px}
.fp-simple .sf-process-layout>*{min-width:0}
.fp-simple .sf-process-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 24px}
.fp-simple .sf-process-filter label{display:grid;gap:6px;min-width:0;flex:1 1 180px}
.fp-simple .sf-process-filter :is(input,select){width:100%}
.fp-simple .sf-process-filter button{flex:none}
.fp-simple .sf-process-filter>input[type=search]{flex:1 1 180px;min-width:0;width:auto}
.fp-simple .sf-process-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.fp-simple .sf-process-starter-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-surface)}
.fp-simple .sf-process-starter-card :is(h3,p){margin:0!important}
.fp-simple .sf-process-starter-card form{margin-top:auto}
.fp-simple .sf-process-starter-card ol{padding-left:20px;font-size:14px;color:var(--sf-muted)}
.fp-simple .sf-process-next{padding:28px!important;border:1px solid var(--sf-line)!important;border-left:3px solid var(--sf-green)!important;background:var(--sf-surface)!important;margin-bottom:32px}
.fp-simple .sf-process-next h2{font-size:26px!important;font-weight:500!important;line-height:1.3;margin:8px 0 16px!important}
.fp-simple .sf-process-next :is(.fpw-form,.fpw-list-actions){gap:16px}
.fp-simple .sf-process-next textarea{width:100%;min-height:90px}
.fp-simple .sf-process-checklist{display:grid;gap:0;min-width:0}
.fp-simple .sf-process-checklist>details{padding:0!important;border:0;border-bottom:1px solid var(--sf-line);border-radius:0;background:var(--sf-surface)}
.fp-simple .sf-process-step-summary{display:flex;align-items:center;gap:16px;min-height:76px;padding:18px 0;cursor:pointer;list-style:none}
.fp-simple .sf-process-step-summary::-webkit-details-marker{display:none}
.fp-simple .sf-process-step-summary>div{flex:1;min-width:0}
.fp-simple .sf-process-step-summary>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.fp-simple .sf-process-checklist-step{border-bottom:1px solid var(--sf-line)}
.fp-simple .sf-process-step-summary :is(strong,small){display:block}
.fp-simple .sf-process-step-summary small{font-size:13px;font-weight:400;color:var(--sf-muted);margin-top:5px}
.fp-simple .sf-process-step-summary::after{content:'+';font-size:20px;font-weight:500;flex:none;margin-left:auto}
.fp-simple details[open]>.sf-process-step-summary::after{content:'−'}
.fp-simple .sf-process-step-editor{display:grid;gap:16px;padding:8px 0 24px}
.fp-simple details.sf-process-step-editor,.fp-simple details.sf-process-checklist{display:block;padding:0}
.fp-simple .sf-process-step-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.fp-simple .sf-process-step-actions form{margin:0!important}
.fp-simple .sf-process-status-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid var(--sf-line);margin-bottom:28px}
.fp-simple .sf-process-status-strip .fpw-progress{width:120px;margin:0}
.fp-simple :is(.sf-process-progress,.sf-process-status-strip) progress{appearance:none;width:120px;height:5px;border:0;border-radius:4px;overflow:hidden;background:var(--sf-line);color:var(--sf-green);accent-color:var(--sf-green)}
.fp-simple progress::-webkit-progress-bar{background:var(--sf-line);border-radius:4px}
.fp-simple progress::-webkit-progress-value{background:var(--sf-green);border-radius:4px}
.fp-simple progress::-moz-progress-bar{background:var(--sf-green);border-radius:4px}
.fp-simple .sf-process-progress{display:flex;align-items:center;gap:10px;margin-top:14px}
.fp-simple .sf-process-progress small{font-size:12px;color:var(--sf-muted)}
.fp-simple .sf-process-list-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.fp-simple .sf-process-list-copy h3{margin:10px 0 5px;font-size:18px;font-weight:500;line-height:1.4}
.fp-simple .sf-process-list-copy p{margin:0 0 8px}
.fp-simple .sf-process-list-copy>small{display:block;color:var(--sf-muted);line-height:1.6}
.fp-simple .sf-process-list-item{align-items:center;gap:20px}
.fp-simple .sf-process-template-list{margin-top:28px}
.fp-simple .sf-process-template-list h3{margin:0 0 6px;font-size:18px;font-weight:500}
.fp-simple .sf-process-template-list p{margin:8px 0}
.fp-simple .sf-process-step-meta{font-size:14px;color:var(--sf-muted)}
.fp-simple .sf-process-note{margin:20px 0;padding:12px 18px;border-left:2px solid var(--sf-line);font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.fp-simple .sf-process-version-note{margin:0 0 24px;color:var(--sf-muted);font-size:14px;line-height:1.6}
.fp-simple .sf-process-template-settings{margin-top:0}
.fp-simple .sf-process-timeline{list-style:none;padding:0;margin:0}
.fp-simple .sf-process-timeline li{padding:16px 0;border-bottom:1px solid var(--sf-line);overflow-wrap:anywhere}
.fp-simple .sf-process-timeline :is(time,small){display:block;color:var(--sf-muted);font-size:13px}
.fp-simple .sf-process-timeline p{white-space:pre-wrap;margin:8px 0 0}
.fp-simple .sf-process-layout :is(.fpw-form,.fpw-form label){min-width:0}
.fp-simple .sf-process-layout .fpw-form :is(input,select,textarea){width:100%}
.fp-simple .sf-process-layout :is(input[type=checkbox],input[type=radio]){width:18px!important}
.fp-simple :is(.sf-process-next,.sf-process-step-editor) .fpw-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.fp-simple .sf-process-layout{grid-template-columns:1fr}.fp-simple .sf-process-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .fp-simple .sf-process-starter-grid{grid-template-columns:1fr;gap:14px}
 .fp-simple .sf-process-next{padding:20px!important}
 .fp-simple .sf-process-next h2{font-size:23px!important}
 .fp-simple :is(.sf-process-next,.sf-process-step-editor) .fpw-form-grid{grid-template-columns:1fr}
 .fp-simple .sf-process-step-summary{align-items:flex-start;gap:10px}
 .fp-simple .sf-process-step-summary .fpw-pill{font-size:11px;padding:4px 6px}
 .fp-simple .sf-process-status-strip{gap:8px;font-size:13px}
 .fp-simple .sf-process-filter{align-items:stretch;gap:10px}
 .fp-simple .sf-process-filter>button{align-self:end}
 .fp-simple .sf-process-step-actions .fpw-button{min-height:44px}
}
