.operation-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf3e9;border:1px solid #dce7d6;border-radius:12px;padding:14px 18px;margin-bottom:24px;font-size:12px;color:#465941}.operation-banner>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.operation-banner .icon{width:18px;height:18px}.operation-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px 40px;border-radius:18px;background:linear-gradient(110deg,#172e29,#2a4637);color:#f5f7ed;margin-bottom:24px}.operation-hero h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.22;margin:18px 0 14px}.operation-hero p{max-width:590px;color:#bdccbd;font-size:13px;line-height:1.75}.operation-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.operation-tags span{display:flex;align-items:center;gap:7px;font-size:12px;color:#d0dfc9}.operation-tags .icon{width:15px;height:15px}.operation-progress{flex:0 0 170px;display:flex;flex-direction:column;gap:9px}.operation-progress>strong{font-size:52px;font-weight:500;letter-spacing:-2px}.operation-progress strong small{font-size:22px;color:#b2c3ad;letter-spacing:0}.operation-progress>span{font-size:13px}.operation-progress>small{font-size:12px;color:#b2c3ad}.operation-progress-track{height:5px;background:#526855;border-radius:6px;margin-top:9px;overflow:hidden}.operation-progress-track i{height:100%;display:block;background:#b4d99a;border-radius:6px}.operation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.operation-step{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.operation-number{font-size:12px;color:#718567;font-weight:600;letter-spacing:2px}.operation-step h3,.operation-connection h3,.operation-module h3{font-size:15px;font-weight:600;margin:0}.operation-step p,.operation-module p{font-size:12px;line-height:1.7;color:#798173;margin:0;flex:1}.operation-step code{overflow-wrap:anywhere;font-size:12px;white-space:normal;max-width:100%;color:#65725f}.operation-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.operation-section-title{margin:30px 0 16px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.operation-section-title h2{font-size:17px;font-weight:600;letter-spacing:-.4px;margin:0}.operation-section-title>span{font-size:12px;color:#8a9185}.operation-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.operation-connection{padding:22px;display:flex;flex-direction:column;gap:16px;min-width:0}.operation-connection-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.operation-connection-title>div{flex:1;min-width:90px}.operation-connection-title>div>span{font-size:12px;color:#899181}.operation-connection-title>.badge{font-size:12px}.operation-missing{margin:0;padding-left:17px;font-size:12px;line-height:1.85;color:#7d8275;flex:1}.operation-missing li::marker{color:#b1bba7}.operation-ready{font-size:12px;color:#687e5d;line-height:1.7;margin:0;flex:1}.operation-connection-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.operation-webhook{border-top:1px solid #eef0ea;padding-top:12px;font-size:12px;color:#7b8472}.operation-webhook summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.operation-webhook .icon{width:14px;height:14px}.operation-webhook code{display:block;overflow-wrap:anywhere;font-size:12px;background:#f4f6ef;padding:10px;border-radius:6px;margin:12px 0;white-space:normal}.operation-webhook p{font-size:12px;line-height:1.7}.operation-webhook .btn{font-size:12px;margin:0 4px 6px 0;padding:8px}.operation-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.operation-module{padding:22px;display:flex;flex-direction:column;gap:13px;align-items:flex-start}.operation-module>.icon{color:#708264;width:23px;height:23px}.operation-verify{display:flex;align-items:center;gap:9px!important;flex-direction:row!important;font-size:12px}.operation-verify input{width:16px;height:16px;accent-color:#426640}.operation-copy-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#7b8472}.operation-copy-row .btn{font-size:12px}
@media(max-width:1200px){.operation-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-steps{gap:12px}.operation-step{padding:18px}}
@media(max-width:700px){.operation-banner{align-items:flex-start;flex-direction:column;gap:8px}.operation-hero{padding:25px;gap:22px;align-items:flex-start;flex-direction:column}.operation-hero h2{font-size:27px}.operation-progress{flex:unset;width:100%}.operation-progress>strong{font-size:40px}.operation-tags{gap:12px}.operation-steps,.operation-connections,.operation-modules{grid-template-columns:1fr}.operation-section-title{align-items:flex-start;flex-direction:column}.operation-connection-title>.badge{margin-left:auto}.operation-connection{padding:20px}.operation-step{padding:22px}}