.zendforce-workflow{--zendforce-primary:#1dd1a1;--zendforce-primary-dark:#16b891;--zendforce-bg:#f8fbfc;--zendforce-line:#e2e8f0;--zendforce-card-bg:#ffffff;--zendforce-detail-bg:#ffffff;--zendforce-heading:#0f172a;--zendforce-body:#64748b;--zendforce-icon-color:#0f172a;--zendforce-icon-bg:#ffffff;--zendforce-icon-border:#e2e8f0;--zendforce-active-icon-color:#ffffff;--zendforce-dot:#cbd5e1;--zendforce-active-dot:#1dd1a1;--zendforce-number-color:#0f172a;--zendforce-number-bg:#e2e8f0;--zendforce-active-number-color:#0f172a;--zendforce-active-number-bg:rgba(29,209,161,0.2);background:var(--zendforce-bg);font-family:"Inter",Arial,sans-serif;width:100%}.zendforce-workflow *{box-sizing:border-box}.zendforce-workflow h3,.zendforce-workflow p{margin:0}.zendforce-workflow .zendforce-container{width:100%;max-width:none;margin:0}.zendforce-workflow .zendforce-timeline{position:relative}.zendforce-workflow .zendforce-line{position:absolute;top:40px;left:10%;width:80%;height:6px;background:var(--zendforce-line);border-radius:999px}.zendforce-workflow .zendforce-fill{height:100%;width:25%;background:linear-gradient(90deg,var(--zendforce-primary),var(--zendforce-primary-dark));border-radius:inherit;transition:width 0.6s ease}.zendforce-workflow .zendforce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative;z-index:2}.zendforce-workflow .zendforce-step{text-align:center;cursor:pointer;background:transparent;padding:0;margin:0;border:0;min-width:0}.zendforce-workflow .zendforce-icon{width:70px;height:70px;border-radius:50%;background:var(--zendforce-icon-bg);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto;border:2px solid var(--zendforce-icon-border);color:var(--zendforce-icon-color);transition:all 0.3s ease}.zendforce-workflow .zendforce-icon i,.zendforce-workflow .zendforce-details-icon i,.zendforce-workflow .zendforce-icon svg,.zendforce-workflow .zendforce-details-icon svg{width:1em;height:1em;display:block}.zendforce-workflow .zendforce-dot{width:14px;height:14px;background:var(--zendforce-dot);border-radius:50%;margin:12px auto;transition:background-color 0.3s ease}.zendforce-workflow .zendforce-num{background:var(--zendforce-number-bg);color:var(--zendforce-number-color);padding:10px;border-radius:10px;font-weight:700;margin-bottom:10px;transition:background-color 0.3s ease}.zendforce-workflow .zendforce-card,.zendforce-workflow .zendforce-details{border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05)}.zendforce-workflow .zendforce-card{background:var(--zendforce-card-bg);padding:20px;min-height:130px}.zendforce-workflow .zendforce-card h3,.zendforce-workflow .zendforce-details h3{color:var(--zendforce-heading);font-size:18px;font-weight:700;margin:0 0 8px}.zendforce-workflow .zendforce-card p,.zendforce-workflow .zendforce-details p{margin:0;font-size:14px;color:var(--zendforce-body);line-height:1.5}.zendforce-workflow .zendforce-step.is-active .zendforce-icon{background:linear-gradient(135deg,var(--zendforce-primary),var(--zendforce-primary-dark));border-color:transparent;color:var(--zendforce-active-icon-color)}.zendforce-workflow .zendforce-step.is-active .zendforce-dot{background:var(--zendforce-active-dot)}.zendforce-workflow .zendforce-step.is-active .zendforce-num{background:var(--zendforce-active-number-bg);color:var(--zendforce-active-number-color)}.zendforce-workflow .zendforce-details{background:var(--zendforce-detail-bg);margin-top:40px;padding:25px;display:flex;gap:20px;align-items:center}.zendforce-workflow .zendforce-details-icon{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,var(--zendforce-primary),var(--zendforce-primary-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 70px;font-size:30px}.zendforce-workflow .zendforce-details-content{min-width:0}@media (max-width:900px){.zendforce-workflow .zendforce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zendforce-workflow .zendforce-line{display:none}}@media (max-width:600px){.zendforce-workflow .zendforce-grid{grid-template-columns:minmax(0,1fr)}.zendforce-workflow .zendforce-card{min-height:auto}.zendforce-workflow .zendforce-details{flex-direction:column;align-items:flex-start}}