.workflow-item{display:grid;grid-template-columns:minmax(230px,1.3fr) 150px minmax(140px,.65fr) minmax(210px,1fr);gap:20px;align-items:center;padding:20px 22px;border-top:1px solid var(--border)}.workflow-item:hover{background:color-mix(in srgb,var(--accent) 2.5%,var(--surface))}.workflow-state{display:flex;flex-direction:column;gap:4px}.workflow-state>i{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-bottom:2px}.workflow-state strong{font-size:13px}.workflow-state small{font-size:12px;color:var(--muted)}.workflow-item.revision .workflow-state>i{background:var(--orange)}.workflow-item.delivered .workflow-state>i,.workflow-item.approved .workflow-state>i{background:var(--green)}.workflow-progress{display:flex;align-items:center;gap:10px}.workflow-progress>span{height:7px;flex:1;border-radius:10px;background:var(--surface-3);overflow:hidden}.workflow-progress>span i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.workflow-progress b{font-size:12px}.workflow-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.workflow-actions>span{color:var(--muted);font-size:12px}.flow-action{min-height:38px;padding:0 12px;border:1px solid var(--accent);border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.flow-action:hover{transform:translateY(-1px);background:var(--accent);color:#fff}.flow-action.revision{border-color:var(--orange);background:rgba(255,156,85,.1);color:var(--orange)}.period-item-title strong{font-size:14px}.period-item-title small{font-size:12px;line-height:1.45}.job-detail-hero h2{font-size:22px}.job-detail-hero p{font-size:13px}.job-period-head h3{font-size:15px}.job-period-head span,.job-period-sidebar button em{font-size:11px}.job-period-sidebar button span{font-size:13px}.job-period-sidebar button small{font-size:11px}.period-overview-head>div>span{font-size:10px}.period-overview h3{font-size:19px}.period-overview p{font-size:12px}.period-ring span,.period-stats small{font-size:11px}.period-ring strong,.period-stats strong{font-size:16px}.definition-item strong{font-size:13px}.definition-item small,.definition-item>b{font-size:11px}.progress-plan span{font-size:12px}.progress-plan strong{font-size:15px}.job-card h3{font-size:16px}.job-card>p,.job-card-meta span,.job-progress>div{font-size:12px}.job-type,.job-status{font-size:11px}.job-item-edit-row input{font-size:13px}
@media(max-width:1100px){.workflow-item{grid-template-columns:1fr 150px}}@media(max-width:700px){.workflow-item{grid-template-columns:1fr}.workflow-actions{justify-content:flex-start}}
.workflow-timeline-panel{padding:0;overflow:hidden}.workflow-timeline-panel>.contacts-head{padding:22px 24px}.workflow-timeline-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:15px 24px;border-top:1px solid var(--border)}.workflow-timeline-row>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft)}.workflow-timeline-row>span i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.workflow-timeline-row strong{font-size:14px}.workflow-timeline-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.workflow-timeline-row time{text-align:right;color:var(--muted);font-size:12px}.workflow-timeline-row time small{display:block;margin-top:3px;font-size:11px}@media(max-width:700px){.workflow-timeline-row{grid-template-columns:24px 1fr}.workflow-timeline-row time{grid-column:2;text-align:left}}