2 lines
8.4 KiB
CSS
2 lines
8.4 KiB
CSS
.tickets-page[data-v-cfaa99df]{height:100%}.tickets-page[data-v-cfaa99df] .basic-main-card{height:calc(100vh - 85px);min-height:unset;overflow:hidden;display:flex;flex-direction:column}.tickets-page[data-v-cfaa99df] .basic-main-card .ant-card-body{flex:1;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.tickets-page__inner[data-v-cfaa99df]{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.tickets-page__header[data-v-cfaa99df]{flex-shrink:0;margin-bottom:16px}.tickets-layout[data-v-cfaa99df]{flex:1;min-height:0;display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:stretch;overflow:hidden}.tickets-layout--mobile[data-v-cfaa99df]{grid-template-columns:1fr;gap:0}.tickets-queues[data-v-cfaa99df],.tickets-main[data-v-cfaa99df]{border:1px solid #e5e7eb;border-radius:12px;background:#fff;height:100%;min-height:0;overflow:hidden}.tickets-queues[data-v-cfaa99df]{background:#f9fafb;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.tickets-queues__title[data-v-cfaa99df]{font-size:13px;font-weight:700;color:#374151;margin-bottom:4px;padding:0 4px}.tickets-queues__item[data-v-cfaa99df]{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:right;border:1px solid transparent;background:transparent;border-radius:10px;padding:12px 14px;cursor:pointer;color:#374151;transition:all .15s ease}.tickets-queues__item[data-v-cfaa99df]:hover{background:#fff;border-color:#dbeafe}.tickets-queues__item--active[data-v-cfaa99df]{background:#fff;border-color:#f87171;color:#b91c1c;box-shadow:0 1px 2px #b91c1c14;font-weight:600}.tickets-queues__item-label[data-v-cfaa99df]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.tickets-queues__item-count[data-v-cfaa99df]{flex-shrink:0;font-size:11px;color:#9ca3af}.tickets-queues__item--active .tickets-queues__item-count[data-v-cfaa99df]{color:#f87171}.tickets-queues__item--spam[data-v-cfaa99df]{color:#c2410c}.tickets-queues__item--spam.tickets-queues__item--active[data-v-cfaa99df]{border-color:#fb923c;color:#c2410c}.tickets-queues__item--spam.tickets-queues__item--active .tickets-queues__item-count[data-v-cfaa99df]{color:#fb923c}.tickets-main[data-v-cfaa99df]{padding:12px 16px 16px;display:flex;flex-direction:column;overflow:hidden}.tickets-tabs[data-v-cfaa99df]{flex-shrink:0}.tickets-tabs[data-v-cfaa99df] .ant-tabs-nav{margin-bottom:12px}.tickets-table-wrap[data-v-cfaa99df]{flex:1;min-height:0;overflow:auto}.tickets-mobile-chips[data-v-cfaa99df]{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;flex-shrink:0;scrollbar-width:none}.tickets-mobile-chips[data-v-cfaa99df]::-webkit-scrollbar{display:none}.tickets-mobile-chips--queues[data-v-cfaa99df]{margin-bottom:10px}.tickets-mobile-toolbar[data-v-cfaa99df]{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-shrink:0}.tickets-mobile-toolbar .tickets-mobile-chips--subjects[data-v-cfaa99df]{flex:1;min-width:0;margin-bottom:0}.tickets-mobile-chips--subjects[data-v-cfaa99df]{margin-bottom:12px}.tickets-search-toggle[data-v-cfaa99df]{position:relative;flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;cursor:pointer}.tickets-search-toggle[data-v-cfaa99df]:active{transform:scale(.96)}.tickets-search-toggle__dot[data-v-cfaa99df]{position:absolute;top:7px;left:7px;width:7px;height:7px;border-radius:999px;background:#ef4444;border:1.5px solid #fff}.tickets-mobile-search[data-v-cfaa99df]{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-bottom:12px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.tickets-mobile-search__icon[data-v-cfaa99df]{flex-shrink:0}.tickets-mobile-search__input[data-v-cfaa99df]{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:#111827;text-align:right}.tickets-mobile-search__input[data-v-cfaa99df]::placeholder{color:#9ca3af}.tickets-mobile-search__clear[data-v-cfaa99df]{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:16px;line-height:1;cursor:pointer;padding:0}.tickets-mobile-search__close[data-v-cfaa99df]{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0}.tickets-chip[data-v-cfaa99df]{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tickets-chip[data-v-cfaa99df]:active{transform:scale(.98)}.tickets-chip--active[data-v-cfaa99df]{background:#fff;border-color:#f87171;color:#b91c1c}.tickets-chip--spam.tickets-chip--active[data-v-cfaa99df]{border-color:#fb923c;color:#c2410c}.tickets-chip__count[data-v-cfaa99df]{font-size:11px;color:#9ca3af;background:#fff;border-radius:999px;min-width:1.4rem;padding:1px 6px;text-align:center}.tickets-chip--active .tickets-chip__count[data-v-cfaa99df]{color:#f87171;background:#fef2f2}.tickets-mobile-list[data-v-cfaa99df]{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;padding-bottom:12px}.tickets-mobile-list__state[data-v-cfaa99df]{text-align:center;color:#6b7280;font-size:14px;padding:40px 12px}.tickets-card[data-v-cfaa99df]{display:flex;flex-direction:column;gap:6px;width:100%;text-align:right;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:14px 14px 12px;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.tickets-card[data-v-cfaa99df]:active{transform:scale(.985);box-shadow:0 2px 8px #00000014}.tickets-card__top[data-v-cfaa99df]{display:flex;align-items:center;justify-content:space-between;gap:8px}.tickets-card__id[data-v-cfaa99df]{font-size:15px;font-weight:700;color:#111827}.tickets-card__subject[data-v-cfaa99df]{font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:3px 10px;white-space:nowrap}.tickets-card__user[data-v-cfaa99df]{font-size:14px;font-weight:700;color:#1f2937}.tickets-card__phone[data-v-cfaa99df]{font-size:12px;color:#6b7280;text-align:right}.tickets-card__preview[data-v-cfaa99df]{font-size:13px;line-height:1.7;color:#4b5563;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.tickets-card__action[data-v-cfaa99df]{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;padding-top:8px;border-top:1px dashed #e5e7eb;font-size:12px;font-weight:700;color:#1d4ed8}.tickets-mobile-more[data-v-cfaa99df]{width:100%;min-height:44px;border:1px dashed #d1d5db;border-radius:12px;background:#f9fafb;color:#374151;font-size:13px;font-weight:700;cursor:pointer}.tickets-mobile-more[data-v-cfaa99df]:disabled{opacity:.6;cursor:default}.tickets-modal-footer[data-v-cfaa99df]{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tickets-modal-footer--mobile[data-v-cfaa99df]{flex-direction:column-reverse;align-items:stretch;flex-wrap:nowrap;width:100%;gap:8px}.tickets-modal-footer--mobile>*[data-v-cfaa99df]{width:100%!important;max-width:100%;margin:0!important;margin-inline-start:0!important;margin-inline-end:0!important}.tickets-modal-footer--mobile[data-v-cfaa99df] .ant-btn,.tickets-modal-footer--mobile[data-v-cfaa99df] button{width:100%!important;max-width:100%;min-height:44px;margin:0!important;margin-inline-start:0!important}@media (max-width: 767px){.tickets-page[data-v-cfaa99df] .basic-main-card{height:calc(100vh - 65px)}.tickets-page--mobile .tickets-main[data-v-cfaa99df]{border:none;border-radius:0;padding:0;background:transparent}.tickets-page--mobile .tickets-page__header[data-v-cfaa99df]{margin-bottom:12px}.tickets-page--mobile .tickets-page__header p[data-v-cfaa99df]{display:none}}.tickets-modal-mobile .ant-modal{max-width:95vw;margin:12px auto;top:0;padding-bottom:0}.tickets-modal-mobile .ant-modal-content{border-radius:16px}.tickets-modal-mobile .ant-modal-body{padding:16px}.tickets-modal-mobile .ant-modal-footer{padding:12px 16px 16px;text-align:initial}.tickets-modal-mobile .ant-modal-footer .ant-btn+.ant-btn,.tickets-modal-mobile .ant-modal-footer button+button{margin-inline-start:0!important;margin-bottom:0!important}
|