#document-flow-view{--flow-line:rgba(36,29,43,.1);--flow-green:#237253;--flow-amber:#ad6d16}.flow-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.flow-head h2{margin:3px 0 0}.flow-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.flow-summary article{padding:15px 17px;border:1px solid var(--flow-line);border-radius:16px;background:#fff}.flow-summary span{display:block;margin-bottom:7px;color:#847c88;font-size:10px}.flow-summary strong{color:#302936;font-size:21px}.flow-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px auto;gap:10px;margin-bottom:13px}.flow-toolbar input,.flow-toolbar select{min-height:43px;padding:0 11px;border:1px solid var(--flow-line);border-radius:12px;background:#fff}.flow-table-wrap{overflow:auto;border:1px solid var(--flow-line);border-radius:18px;background:#fff}.flow-table{width:100%;border-collapse:collapse}.flow-table th{padding:11px 13px;border-bottom:1px solid var(--flow-line);color:#817986;font-size:9px;letter-spacing:.06em;text-align:left;text-transform:uppercase}.flow-table td{padding:13px;border-bottom:1px solid rgba(36,29,43,.06);color:#554d59;font-size:11px}.flow-table tr:last-child td{border-bottom:0}.flow-table td strong,.flow-table td small{display:block}.flow-table td small{margin-top:4px;color:#8b838e;font-size:9px}.flow-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:#f0edf2;color:#6d6571;font-size:9px;font-weight:800}.flow-badge.sent,.flow-badge.paid{background:#e8f5ef;color:#236b4e}.flow-badge.overdue{background:#fbe8e5;color:#9c4036}.flow-badge.partially_paid{background:#fff1da;color:#8a5b13}.flow-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.flow-actions button{min-height:29px;padding:0 8px;border:1px solid var(--flow-line);border-radius:8px;background:#fff;color:#564e5a;font-size:8px;font-weight:850;cursor:pointer}.flow-actions button.primary{border-color:#2a7153;background:#2a7153;color:#fff}.flow-empty{padding:55px 20px;color:#857d89;text-align:center}.flow-dialog{width:min(570px,calc(100vw - 30px))}.flow-dialog label{display:grid;gap:7px;margin-bottom:12px;color:#675f6c;font-size:10px;font-weight:800}.flow-dialog input,.flow-dialog select,.flow-dialog textarea{min-height:42px;padding:0 10px;border:1px solid var(--flow-line);border-radius:11px}.flow-dialog textarea{min-height:100px;padding-top:10px;resize:vertical}.flow-note{padding:11px 13px;border-left:4px solid #9770aa;border-radius:5px 11px 11px 5px;background:#f5f0f7;color:#74697a;font-size:10px;line-height:1.5}.flow-notices{display:grid;gap:7px;margin-top:12px}.flow-notice{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--flow-line);border-radius:11px;background:#fff}.flow-notice strong,.flow-notice small{display:block}.flow-notice small{margin-top:3px;color:#8b838e;font-size:9px}.flow-notice button{min-height:29px;border:1px solid var(--flow-line);border-radius:8px;background:#fff;color:#30684f;font-size:9px;font-weight:800}@media(max-width:900px){.flow-summary{grid-template-columns:repeat(2,1fr)}.flow-toolbar{grid-template-columns:1fr 1fr}.flow-table th:nth-child(3),.flow-table td:nth-child(3){display:none}}@media(max-width:600px){.flow-head{align-items:flex-start;flex-direction:column;gap:12px}.flow-summary,.flow-toolbar{grid-template-columns:1fr}.flow-table th:nth-child(2),.flow-table td:nth-child(2),.flow-table th:nth-child(4),.flow-table td:nth-child(4){display:none}}