2 lines
6.4 KiB
CSS
2 lines
6.4 KiB
CSS
.checks-list-page__summary[data-v-5e24fa4b]{color:var(--color-text-muted);flex-direction:column;align-items:flex-end;gap:4px;font-size:.8125rem;display:flex}.checks-list-page__filters[data-v-5e24fa4b]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.checks-list-page__search[data-v-5e24fa4b]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-border-light);min-width:220px;color:var(--color-text-muted);flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.checks-list-page__search-input[data-v-5e24fa4b]{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.checks-list-page__status-select[data-v-5e24fa4b]{flex:0 220px;width:220px}.check-groups[data-v-5e24fa4b]{flex-direction:column;gap:14px;display:flex}.check-group[data-v-5e24fa4b]{position:relative;overflow:hidden;container:check-group/inline-size}.check-group__head[data-v-5e24fa4b]{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-primary-soft) 70%, var(--color-surface));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 28px;padding:14px 16px;display:grid}.check-group__col[data-v-5e24fa4b]{gap:8px;min-width:0;display:grid}.check-group__field[data-v-5e24fa4b]{grid-template-columns:8.25rem minmax(0,1fr);align-items:start;gap:8px;font-size:.8125rem;display:grid}.check-group__field>span[data-v-5e24fa4b]{color:var(--color-text-muted);padding-top:2px}.check-group__field strong[data-v-5e24fa4b]{overflow-wrap:anywhere;min-width:0;font-weight:700;line-height:1.5}.check-group__ltr[data-v-5e24fa4b]{text-align:right;direction:ltr;unicode-bidi:isolate}.check-group__summary[data-v-5e24fa4b]{width:100%;min-height:52px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 14px 10px 52px;display:flex}.check-group.is-open .check-group__summary[data-v-5e24fa4b]{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-primary-soft) 45%, var(--color-surface))}.check-group__chevron[data-v-5e24fa4b]{color:var(--color-text-muted);flex-shrink:0}.check-group__summary-name[data-v-5e24fa4b]{font-size:.9375rem;font-weight:700}.check-group__summary-invoice[data-v-5e24fa4b]{direction:ltr;unicode-bidi:isolate;font-size:.8125rem;font-weight:700}.check-group__summary-meta[data-v-5e24fa4b]{color:var(--color-text-muted);font-size:.8125rem}.check-group__detail[data-v-5e24fa4b]{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-primary);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;left:10px}.check-group__detail[data-v-5e24fa4b]:hover{border-color:var(--color-primary)}.check-lines[data-v-5e24fa4b]{grid-template-columns:3rem repeat(5,minmax(0,1fr));column-gap:16px;display:grid}.check-line[data-v-5e24fa4b]{grid-template-columns:subgrid;border-bottom:1px solid var(--color-border-light);grid-column:1/-1;align-items:center;padding:10px 16px;display:grid}.check-line[data-v-5e24fa4b]:last-child{border-bottom:0}.check-line--head[data-v-5e24fa4b]{color:var(--color-text-muted);background:var(--color-border-light);padding-top:8px;padding-bottom:8px;font-size:.75rem}.check-line--head>span[data-v-5e24fa4b]{text-align:start}.check-line__row[data-v-5e24fa4b]{text-align:center;font-weight:700}.check-line__amount[data-v-5e24fa4b],.check-line__due[data-v-5e24fa4b]{gap:2px;min-width:0;display:grid;overflow:hidden}.check-line__amount strong[data-v-5e24fa4b],.check-line__due strong[data-v-5e24fa4b]{font-size:.875rem;font-weight:700}.check-line__amount small[data-v-5e24fa4b],.check-line__due small[data-v-5e24fa4b]{color:var(--color-text-muted);font-size:.75rem}.check-line__sayad[data-v-5e24fa4b]{text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:block;overflow:hidden}.check-line__photo[data-v-5e24fa4b]{border:1px solid var(--color-border);background:var(--color-border-light);cursor:zoom-in;border-radius:6px;justify-self:start;width:48px;height:34px;padding:0;overflow:hidden}.check-line__photo img[data-v-5e24fa4b]{object-fit:cover;width:100%;height:100%;display:block}.check-line__photo--empty[data-v-5e24fa4b]{cursor:default}.check-line__foot[data-v-5e24fa4b]{display:contents}.check-line__actions[data-v-5e24fa4b]{flex-wrap:nowrap;justify-content:flex-start;gap:6px;display:flex}.check-line__actions .admin-btn[data-v-5e24fa4b]{flex:none}.check-line__status[data-v-5e24fa4b]{justify-self:start}.check-line__status[data-v-5e24fa4b] .admin-badge{white-space:normal;text-align:center;max-width:100%;line-height:1.35}.checks-list-page__empty[data-v-5e24fa4b]{text-align:center;color:var(--color-text-muted);margin:0;padding:24px;font-size:.875rem}.checks-list-page__lightbox[data-v-5e24fa4b]{z-index:300000;background:#000000d6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.checks-list-page__lightbox img[data-v-5e24fa4b]{object-fit:contain;border-radius:8px;max-width:min(900px,100%);max-height:88vh}.checks-list-page__lightbox-close[data-v-5e24fa4b]{top:14px;cursor:pointer;border:0;border-radius:8px;padding:8px 12px;position:absolute;inset-inline-end:14px}@container check-group (width<=760px){.check-lines[data-v-5e24fa4b]{flex-direction:column;display:flex}.check-line--head[data-v-5e24fa4b]{display:none}.check-line[data-v-5e24fa4b]:not(.check-line--head){grid-column:auto;grid-template-columns:1.75rem minmax(0,1fr) 48px;grid-template-areas:"row amount photo""due due photo""foot foot foot";align-items:center;gap:6px 10px;padding-inline:16px}.check-line__foot[data-v-5e24fa4b]{grid-area:foot;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-top:2px;display:flex}.check-line__row[data-v-5e24fa4b]{text-align:start;grid-area:row}.check-line__amount[data-v-5e24fa4b]{grid-area:amount}.check-line__due[data-v-5e24fa4b]{grid-area:due}.check-line__photo[data-v-5e24fa4b]{grid-area:photo;place-self:center end}.check-line__actions[data-v-5e24fa4b]{margin-inline-start:auto}}@container check-group (width<=640px){.check-group__head[data-v-5e24fa4b]{grid-template-columns:minmax(0,1fr);gap:10px}}@container check-group (width<=420px){.check-group__summary[data-v-5e24fa4b]{padding:10px 12px 10px 48px}.check-line[data-v-5e24fa4b]{padding-inline:12px}.check-group__field[data-v-5e24fa4b]{grid-template-columns:6.25rem minmax(0,1fr);gap:6px}}
|