.mobile-workflow{border-top:4px solid var(--orange)}.workflow-body{padding:20px}.workflow-steps{display:flex;gap:12px;list-style:none;padding:0;margin:0 0 22px}.workflow-steps li{flex:1;display:flex;align-items:center;gap:7px;color:#777;font-size:12px}.workflow-steps li>span{display:grid;place-items:center;flex:0 0 27px;height:27px;background:#ede9e2;border-radius:50%;font-weight:800}.workflow-steps .is-done{color:#34704b}.workflow-steps .is-done>span{background:#dceee2}.workflow-clock{border:1px solid #e2d9c8;border-radius:12px;background:#fffbf2;padding:20px}.workflow-clock small{color:#79705f}.workflow-clock strong{display:block;font-size:32px;margin:7px 0}.workflow-stamps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;color:#817767;font-size:11px}.workflow-stamps b{display:block;color:#3d3a34;font-size:13px;margin-top:3px}.workflow-start,.workflow-stop{width:100%;min-height:60px;font-size:19px}.workflow-start{background:#34704b}.workflow-stop{background:#a33b34}.workflow-pause{margin:10px 0 15px;font-size:12px}.workflow-pause label{display:flex;gap:10px;align-items:center;margin-top:10px}.workflow-pause input{width:90px;padding:8px;border:1px solid #d8d0c3;border-radius:5px}.workflow-hint,.workflow-file-hint{display:block;font-size:11px;line-height:1.5;color:#837c72}.workflow-hint{margin:12px 0 24px}.workflow-intro{line-height:1.65;color:#6d665b;font-size:14px}.workflow-upload-section{margin-top:20px}.workflow-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow-section-title h3{margin:0;font-size:17px}.workflow-section-title>span{font-size:11px;padding:5px 8px;background:#edf3ed;border-radius:12px;color:#346146;white-space:nowrap}.workflow-upload-section>p{font-size:13px;color:#777064;line-height:1.5}.workflow-upload-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 8px}.workflow-upload-buttons button{min-height:55px;font-size:15px}.workflow-receipts{display:grid;gap:10px;margin-top:18px}.workflow-receipt{display:grid;grid-template-columns:65px minmax(0,1fr) 20px;gap:12px;align-items:center;background:#f7f5f1;border:1px solid #e8e0d6;border-radius:8px;padding:9px;text-decoration:none;color:#304133}.workflow-receipt img,.workflow-pdf{width:65px;height:80px;object-fit:contain;background:white;border:1px solid #ddd;border-radius:4px}.workflow-pdf{display:grid;place-items:center;color:#9b4b45;font-weight:800}.workflow-receipt b{display:block;font-size:13px;overflow-wrap:anywhere}.workflow-receipt small{display:block;margin-top:5px;color:#82796d;font-size:11px}.workflow-no-receipts{padding:25px 15px;border:1px dashed #d7cfc1;border-radius:8px;color:#8a8173;text-align:center;font-size:13px}.workflow-next{margin:20px 0;padding:14px 18px;border-radius:8px;background:#fff3df;font-size:12px;color:#845919}.workflow-next ul{margin:8px 0 0;padding-left:18px;line-height:1.7}.workflow-confirm{display:flex;align-items:flex-start;gap:10px;margin:20px 0;padding:15px;border:1px solid #dfd8cc;border-radius:8px;font-size:13px;cursor:pointer}.workflow-confirm input{width:20px;height:20px;flex:0 0 20px;accent-color:#34704b}.workflow-finished{display:grid;gap:8px;margin-top:20px;padding:18px;background:#e8f4ea;color:#346b47;border-radius:9px}.workflow-finished span{font-size:13px}.workflow-done{font-size:11px;color:#34704b}.workflow-saved{color:#34704b;font-size:13px}.workflow-progress{padding:12px;background:#edf2fa;color:#3b6187;font-size:13px}.workflow-upload-errors{padding:12px;background:#fff0ee;color:#a33b34;border:1px solid #eac4be;border-radius:6px;font-size:12px}.workflow-old-docs{margin-top:15px;color:#797164;font-size:12px}.workflow-old-docs summary{cursor:pointer;margin-bottom:10px}.mobile-workflow button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:520px){.workflow-body{padding:15px}.workflow-steps{gap:7px}.workflow-steps li{font-size:10px;gap:5px}.workflow-upload-buttons{grid-template-columns:1fr}.workflow-clock{padding:15px}.workflow-section-title{align-items:flex-start}.workflow-section-title h3{font-size:15px}.workflow-clock strong{font-size:29px}}
.workflow-travel{border:1px solid #ead9bb;border-radius:12px;padding:16px;margin:16px 0;background:#fffaf0}.workflow-travel h3{margin:0 0 12px;font-size:15px}.workflow-travel>div{display:grid;gap:10px}.workflow-travel span{display:flex;justify-content:space-between;gap:12px;font-size:14px}.workflow-travel p{margin:12px 0 0;font-size:12px;line-height:1.5;color:#716859}.workflow-travel strong{display:block;margin-top:5px;color:#282828}
