.flow33-page{display:grid;gap:18px}
.flow33-periods{display:flex;flex-wrap:wrap;gap:6px}
.flow33-periods a{padding:8px 13px;border:1px solid #d4dfe5;border-radius:999px;background:#fff;color:#526a78;text-decoration:none;font-size:11px;font-weight:800}
.flow33-periods a.is-active{background:#2f698e;border-color:#2f698e;color:#fff}
.flow33-rule,.flow33-storage-note,.flow33-checkpoint,.flow33-manual-editor-note{padding:12px 14px;border-radius:11px;line-height:1.45}
.flow33-rule,.flow33-manual-editor-note{border:1px solid #cbdde8;background:#f3f8fb;color:#456779}
.flow33-storage-note{border:1px solid #d8e1e6;background:#fafcfd;color:#60727d}
.flow33-checkpoint{border:1px solid #d9cfa5;background:#fff9e9;color:#705b25}
.flow33-card,.flow33-manual-current,.flow33-manual-link{padding:17px;border:1px solid #dce5ea;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(20,54,77,.04)}
.flow33-heading,.flow33-manual-current,.flow33-manual-link{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.flow33-heading h2,.flow33-manual-current h2,.flow33-manual-link h2{margin:3px 0 4px}
.flow33-heading p,.flow33-manual-current p,.flow33-manual-link p{margin:0;color:#687985;line-height:1.45}
.flow33-kicker{color:#758590;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.flow33-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.flow33-improve{background:#3f7e57;border-color:#3f7e57;color:#fff}
.flow33-stop,.flow33-delete{background:#a44a4a;border-color:#a44a4a;color:#fff}
.flow33-restore{background:#6c4d8a;border-color:#6c4d8a;color:#fff}
.flow33-processing,.flow33-live{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #d8d0ec;border-radius:11px;background:#faf8ff}
.flow33-processing p{margin:2px 0 0;color:#6b617c}
.flow33-spinner{width:18px;height:18px;border:3px solid #ddd4ed;border-top-color:#76549a;border-radius:50%;animation:flow33-spin 1s linear infinite}
@keyframes flow33-spin{to{transform:rotate(360deg)}}
.flow33-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.flow33-option{display:grid;gap:9px;padding:11px;border:1px solid #dce4e8;border-radius:11px;background:#fafcfd}
.flow33-option>header{display:flex;justify-content:space-between;align-items:center}
.flow33-option>header span{color:#72818b;font-size:9px;text-transform:uppercase}
.flow33-option>header strong{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2d678b;color:#fff}
.flow33-score,.flow33-saved-score{display:grid;gap:2px}
.flow33-score span{color:#768690;font-size:9px;text-transform:uppercase}
.flow33-score strong,.flow33-saved-score{color:#2f698e;font-size:20px;font-weight:800}
.flow33-option dl{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0}
.flow33-option dl>div{display:grid;gap:1px;padding:5px;border-radius:7px;background:#fff}
.flow33-option dt{color:#7a8993;font-size:8px}
.flow33-option dd{margin:0;font-weight:800}
.flow33-option-actions{display:grid;gap:5px}
.flow33-option-actions form{display:grid;gap:5px}
.flow33-option-actions select{width:100%;padding:7px;border:1px solid #cbd7de;border-radius:8px;background:#fff}
.flow33-saved-grid,.flow33-source-grid{display:grid;gap:10px;margin-top:13px}
.flow33-saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.flow33-source-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.flow33-saved,.flow33-source{display:grid;gap:9px;padding:13px;border:1px solid #dbe4e9;border-radius:11px;background:#fafcfd}
.flow33-saved>header,.flow33-source>header{display:grid;gap:2px}
.flow33-saved>header span,.flow33-source>header span{color:#778690;font-size:9px;text-transform:uppercase}
.flow33-saved>header strong,.flow33-source>header strong{font-size:16px}
.flow33-saved.is-empty,.flow33-source.is-future{background:#fbfbfb;color:#687985}
.flow33-empty-slot{padding:12px;border:1px dashed #cbd5db;border-radius:8px;text-align:center;color:#7c8a93;font-weight:800}
.flow33-saved p,.flow33-source p{margin:0;color:#687985;line-height:1.45;font-size:11px}
.flow33-saved-actions{display:flex;flex-wrap:wrap;gap:5px}
.flow33-empty{padding:18px;border:1px dashed #cbd7dd;border-radius:11px;background:#fafcfd;color:#697a84}
.flow33-table-scroll{overflow:auto}
.flow33-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}
.flow33-table th,.flow33-table td{padding:5px;border:1px solid #59656d;text-align:center;vertical-align:middle;font-size:9px}
.flow33-table thead th,.flow33-table tbody th{background:#f0f4f6}
.flow33-table tbody th small{display:block;font-size:7px;font-weight:400}
.flow33-atpc-list{display:grid;gap:6px}
.flow33-atpc-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid #e0e6ea;border-radius:8px;background:#fafcfd;font-size:10px}
.generated-page form[action*="/adotar/"]{display:none!important}
@media(max-width:1200px){.flow33-options{grid-template-columns:repeat(3,minmax(0,1fr))}.flow33-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.flow33-options,.flow33-saved-grid,.flow33-source-grid{grid-template-columns:1fr}.flow33-heading,.flow33-manual-current,.flow33-manual-link{flex-direction:column}}