|
|
@@ -632,3 +632,163 @@ td p {
|
|
|
margin-left: auto;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+// Chat component styles (from partials/chat.blade.php)
|
|
|
+.chat-block {
|
|
|
+ --chat-height: 420px;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-card {
|
|
|
+ border: 1px solid var(--bs-border-color);
|
|
|
+ border-radius: 0.75rem;
|
|
|
+ background: var(--bs-light-bg-subtle, #f8f9fa);
|
|
|
+}
|
|
|
+
|
|
|
+.chat-messages-wrap {
|
|
|
+ position: relative;
|
|
|
+ padding: 0.75rem;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-messages {
|
|
|
+ max-height: var(--chat-height);
|
|
|
+ overflow-y: auto;
|
|
|
+ padding-right: 0.35rem;
|
|
|
+ scroll-behavior: smooth;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-message {
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.08);
|
|
|
+ border-radius: 0.75rem;
|
|
|
+ background: #fff;
|
|
|
+ padding: 0.75rem 0.875rem;
|
|
|
+ margin-bottom: 0.625rem;
|
|
|
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
|
+}
|
|
|
+
|
|
|
+.chat-message:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-message-header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ gap: 0.75rem;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ font-size: 0.875rem;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-message-text {
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ white-space: pre-wrap;
|
|
|
+ line-height: 1.35;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-message-files {
|
|
|
+ margin-top: 0.625rem;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 0.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-message-files img {
|
|
|
+ width: 84px;
|
|
|
+ height: 84px;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-scroll-bottom {
|
|
|
+ position: absolute;
|
|
|
+ right: 1rem;
|
|
|
+ bottom: 1rem;
|
|
|
+ z-index: 2;
|
|
|
+ border-radius: 999px;
|
|
|
+ box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.18);
|
|
|
+}
|
|
|
+
|
|
|
+.chat-recipient-list {
|
|
|
+ max-height: 320px;
|
|
|
+ overflow-y: auto;
|
|
|
+ border: 1px solid var(--bs-border-color);
|
|
|
+ border-radius: 0.5rem;
|
|
|
+ padding: 0.5rem 0.75rem;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-recipient-item[hidden] {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.chat-recipient-summary {
|
|
|
+ min-height: 1.25rem;
|
|
|
+}
|
|
|
+
|
|
|
+// Schedule calendar styles (from schedule/index.blade.php)
|
|
|
+.schedule-month {
|
|
|
+ table-layout: fixed;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-day {
|
|
|
+ height: 110px;
|
|
|
+ vertical-align: top;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-day-link {
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 600;
|
|
|
+ text-decoration: none;
|
|
|
+ color: #0d6efd;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-dots {
|
|
|
+ margin-top: 6px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-dot {
|
|
|
+ width: 12px;
|
|
|
+ height: 12px;
|
|
|
+ border-radius: 50%;
|
|
|
+ display: inline-block;
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-outside {
|
|
|
+ background: #f8f9fa;
|
|
|
+ color: #9aa0a6;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-today {
|
|
|
+ outline: 2px solid rgba(13, 110, 253, 0.5);
|
|
|
+ outline-offset: -2px;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-legend-items {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 10px 16px;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-legend-item {
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 6px;
|
|
|
+ font-size: 0.9rem;
|
|
|
+}
|
|
|
+
|
|
|
+.schedule-legend-name {
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+// Table sortable header styles (from reports/index.blade.php)
|
|
|
+.sortable-header {
|
|
|
+ cursor: pointer;
|
|
|
+ user-select: none;
|
|
|
+}
|
|
|
+
|
|
|
+// Notification settings table (from partials/notification-settings-table.blade.php)
|
|
|
+.section-header-row {
|
|
|
+ background-color: #d4edda;
|
|
|
+}
|