/* V33.1 – operational process layer */
.v331-cockpit{margin:12px 0 16px!important;border-color:#c8dde4!important}
.v331-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v331-process-card{border:1px solid #dde7ec;border-radius:11px;background:#fbfdfe;padding:12px}
.v331-process-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.v331-process-title b{font-size:13px;color:#15384b}.v331-process-title span{font-size:10.5px;color:#718793}
.v331-process-flow,.v331-process-strip-steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.v331-step{display:flex;align-items:center;gap:6px;border:1px solid #d7e4e9;background:#fff;border-radius:8px;padding:7px 9px;color:#315564;font-size:10.5px;font-weight:700;cursor:pointer;transition:.14s ease}
.v331-step:hover{border-color:#83bdca;background:#f1f9fb;color:#075e77;transform:translateY(-1px)}
.v331-step i{width:18px;height:18px;border-radius:50%;background:#e7f4f7;color:#087e9f;display:grid;place-items:center;font-style:normal;font-size:9px}
.v331-arrow{color:#9aacb5;font-size:12px}
.v331-process-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:10px 12px;border:1px solid #d8e5ea;border-radius:10px;background:linear-gradient(90deg,#f9fcfd,#fff)}
.v331-process-strip>div:first-child{min-width:150px}.v331-process-strip b{display:block;font-size:11.5px;color:#14384c}.v331-process-strip span{font-size:9.5px;color:#778c97}
.v331-process-strip .v331-step{padding:6px 8px;font-size:9.8px}.v331-process-strip .v331-step i{width:16px;height:16px}
.v331-process-card[data-active="1"]{border-color:#8bc1ce;box-shadow:0 0 0 2px rgba(8,126,159,.06)}
@media(max-width:1150px){.v331-process-grid{grid-template-columns:1fr}.v331-process-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.v331-process-title{display:block}.v331-process-title span{display:block;margin-top:3px}.v331-arrow{display:none}.v331-step{flex:1 1 42%}}