/* BIKO TODAY reference treatment. Loaded only outside Biko Apps and Tasks. */
body.reference-design{--theme-primary:#6d24ff;--bs-primary:#6d24ff;--bs-primary-rgb:36,119,255;--bs-border-color:#ece7f6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;color:#2b2040;background:#f9f7fd}
.reference-design .page-wrapper{background:linear-gradient(120deg,#faf8ff,#f7f5fc);margin-left:230px;padding-top:66px}
.reference-design .page-content{padding:28px;max-width:1800px;margin:auto}
.reference-design .navbar.fixed-top{left:230px;height:66px!important;border-bottom:1px solid #f1edf8;box-shadow:none!important}
.reference-design .navbar>.container-fluid{gap:18px;padding:0 26px}
.reference-design .navbar-brand{display:none!important}
.reference-design .navbar .nav-link{font-size:12px;color:#483b61;display:flex;align-items:center;gap:10px}
.reference-design .navbar .fa-bell{font-size:19px;color:#8a7ca7}
.reference-design #notificationDropdown{position:relative;margin-right:12px}
.reference-design #notificationBadge{position:absolute;top:7px;right:10px;border:2px solid white;font-size:8px;padding:3px}
.reference-user-avatar{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#625380;color:white;font-size:11px;box-shadow:0 2px 6px #281e3b18}
.reference-search{position:relative;display:flex;align-items:center;gap:12px;background:#f8f6fc;border:1px solid #eae5f5;border-radius:7px;padding:8px 13px;max-width:650px;flex:1;color:#9587b0}
.reference-search input{width:100%;border:0;background:transparent;outline:none;color:#41345c;font-size:12px}
.reference-search input::placeholder{color:#9587b0}
.reference-search-results{position:absolute;top:46px;left:0;right:0;max-height:350px;overflow:auto;background:white;border:1px solid #ece7f6;border-radius:8px;box-shadow:0 10px 32px #281e3b16}
.reference-search-results a,.reference-search-results p{display:block;padding:12px 16px;margin:0;color:#43355e;text-decoration:none}
.reference-search-results a:hover{background:#f3edff;color:#6d24ff}
.reference-design .sidebar{width:230px;top:0;height:100vh;background:linear-gradient(155deg,#221739,#1b112e);box-shadow:2px 0 10px #21153808}
.reference-brand{display:flex;flex-direction:column;gap:12px;padding:25px 25px 18px;text-decoration:none;border-bottom:1px solid #ffffff12;margin:0 16px}
.reference-brand img{width:133px;height:49px;object-fit:contain;object-position:left}
.reference-brand span{color:#9587b0;font-size:10px;white-space:nowrap}
.reference-design .sidebar-menu{padding:15px 10px;scrollbar-width:thin;scrollbar-color:#41345a transparent}
.reference-design .sidebar-menu .nav-link{padding:10px 13px;gap:12px;font-size:12px;color:#bcb1d1;border-radius:6px;border-left:2px solid transparent;margin:2px 0}
.reference-design .sidebar-menu .nav-link i{color:#a885ed;font-size:14px;width:18px}
.reference-design .sidebar-menu .nav-link.active{background:#362061;color:#fff;border-left-color:#8750f5}
.reference-design .sidebar-menu .sidebar-section-label{font-size:9px;letter-spacing:.8px;color:#9889b6!important;background:transparent!important;border:0!important;padding:9px 10px}
.reference-design .sidebar-section-label>i{display:none}
.reference-design .sidebar-subnav-link{padding:9px 13px!important;font-size:12px!important;color:#bcb1d1!important}
.reference-design .sidebar-divider{margin:17px 12px 10px;background:#ffffff10}
.reference-design .sidebar-nav-toggle{padding:5px!important}
.reference-design .sidebar-nav-toggle i{font-size:9px!important;color:#8b78b2!important}
.reference-design h1,.reference-design .h3{font-weight:700;letter-spacing:-.65px;color:#1f1533;font-size:27px}
.reference-design h5,.reference-design h6{color:#34294b}
.reference-page-description{font-size:12px;color:#887ca1;margin:5px 0 0;letter-spacing:0;font-weight:400}
.reference-design .page-content>.d-flex.mb-4{margin-bottom:23px!important;gap:16px}
.reference-design .card,.reference-design .dashboard-card{background:white;border:1px solid #eee9f7;border-radius:10px;box-shadow:0 2px 10px #46346b03;overflow:hidden}
.reference-design .card-body{padding:18px}
.reference-design .card-header,.reference-design .card-footer{background:white;border-color:#f0edf7;padding:15px 18px}
.reference-design .card-header h5{font-size:14px;font-weight:600;margin:0}
.reference-design .card.bg-primary,.reference-design .card.bg-info,.reference-design .card.bg-success,.reference-design .card.bg-warning,.reference-design .card.bg-danger,.reference-design .card.bg-secondary{background:linear-gradient(115deg,white,var(--summary-bg,#f7f3ff))!important;border:1px solid var(--summary-border,#eee5ff)!important;color:#291e40!important;min-height:105px}
.reference-design .card.bg-primary{--summary-bg:#f6f1ff;--summary-border:#ece2ff;--summary-accent:#7834ff}
.reference-design .card.bg-info{--summary-bg:#f4efff;--summary-border:#e8dcff;--summary-accent:#560bed}
.reference-design .card.bg-success{--summary-bg:#f0fcf6;--summary-border:#e0f4e9;--summary-accent:#35bf7c}
.reference-design .card.bg-warning{--summary-bg:#fff6ef;--summary-border:#ffeadc;--summary-accent:#ff9868}
.reference-design .card.bg-danger{--summary-bg:#fff0f2;--summary-border:#ffe0e5;--summary-accent:#fa6475}
.reference-design .card.bg-secondary{--summary-bg:#f7f2ff;--summary-border:#ece3ff;--summary-accent:#a373f3}
.reference-design .card[class*="bg-"] .card-title{font-size:11px;font-weight:500;color:#877c9e;margin-bottom:12px}
.reference-design .card[class*="bg-"] h2{font-size:23px;font-weight:700;letter-spacing:-.5px;margin-bottom:0}
.reference-design .card[class*="bg-"] .card-body:has(>.card-title){position:relative;padding-right:50px}
.reference-design .card[class*="bg-"] .card-body:has(>.card-title):after{content:'◈';position:absolute;right:18px;top:22px;color:var(--summary-accent);background:var(--summary-bg);font-size:22px;border-radius:10px;padding:2px 9px}
.reference-design .table{--bs-table-bg:transparent;font-size:12px;color:#50426b;margin-bottom:0;vertical-align:middle}
.reference-design .table th{font-size:10px;color:#877aa2;font-weight:600;background:#f7f5fc;border-bottom:0;padding:12px 11px;white-space:nowrap}
.reference-design .table td{padding:13px 11px;border-color:#f3f0f8;color:#50436a}
.reference-design .table-hover tbody tr:hover{--bs-table-hover-bg:#f5f0ff}
.reference-design .table .btn-sm{padding:4px 7px;font-size:10px}
.reference-design .table a:not(.btn){color:#8452e7}
.reference-design .badge{font-size:10px;font-weight:500;border-radius:5px;padding:5px 8px}
.reference-design .badge.bg-success{background:#ddf8ec!important;color:#28a46a!important}
.reference-design .badge.bg-primary,.reference-design .badge.bg-info{background:#ebe1ff!important;color:#6a2ee3!important}
.reference-design .badge.bg-warning{background:#fff0dc!important;color:#e39743!important}
.reference-design .badge.bg-danger{background:#ffe5e8!important;color:#ed6274!important}
.reference-design .badge.bg-secondary{background:#f0edf7!important;color:#9186a8!important}
.reference-design .btn{font-size:12px;font-weight:500;border-radius:6px;padding:8px 13px;box-shadow:none;white-space:nowrap}
.reference-design .btn-primary{background:#6d24ff;border-color:#6d24ff;color:white;box-shadow:0 3px 8px #6d24ff14}
.reference-design .btn-primary:hover{background:#5d14ef;border-color:#5d14ef;opacity:1}
.reference-design .btn-outline-secondary,.reference-design .btn-light{border-color:#e8e2f3;background:white;color:#72648e}
.reference-design .btn-outline-primary{border-color:#d3bdff;color:#7333f4}
.reference-design .btn-sm{font-size:11px;padding:5px 9px}
.reference-design .form-control,.reference-design .form-select{border-color:#e9e3f5;border-radius:6px;font-size:12px;min-height:35px;color:#60537b;background-color:#fdfcff}
.reference-design .form-control::placeholder{color:#a49ab9}
.reference-design .form-control:focus,.reference-design .form-select:focus{border-color:#b089ff;box-shadow:0 0 0 3px #6d24ff0c}
.reference-design .form-label{font-size:11px;font-weight:500;color:#71648c}
.reference-design .nav-tabs{border-color:#ede9f6;gap:15px}
.reference-design .nav-tabs .nav-link{font-size:12px;color:#877ba0;border:0;border-bottom:2px solid transparent;padding:11px 10px;background:transparent}
.reference-design .nav-tabs .nav-link.active{color:#6d24ff;border-bottom-color:#6d24ff}
.reference-design .page-link{font-size:11px;border:0;border-radius:5px;margin:0 3px;color:#978ab1}
.reference-design .page-item.active .page-link{background:#eee5ff;color:#8048ef}
.reference-design .progress{height:6px;background:#f0edf7;border-radius:10px}
.reference-design .progress-bar{border-radius:10px}
.reference-design .welcome-card{background:transparent;color:#786b92;border-radius:0;padding:0!important;margin-bottom:24px!important;overflow:visible}
.reference-design .welcome-card:before,.reference-design .welcome-card:after,.reference-design .stat-card:before{display:none}
.reference-date{font-size:10px;font-weight:600;letter-spacing:.7px;color:#968aae;text-transform:uppercase;margin:0 0 7px}
.reference-design .welcome-card h1{font-size:32px;margin-bottom:2px!important}
.reference-greeting{font-size:17px;color:#5b4f74;margin:0 0 2px}
.reference-design .welcome-card .btn-light{background:#6d24ff;color:white;border-color:#6d24ff}
.reference-design .welcome-card .btn-outline-light{color:#6d24ff;border-color:#dfd2f8}
.reference-design .stat-card{min-height:110px}
.reference-design .stat-card:hover{transform:none;box-shadow:0 2px 10px #46346b03}
.reference-design .stat-card .card-body{padding:18px}
.reference-design .stat-icon{width:48px;height:48px;border-radius:10px;background:var(--summary-bg)!important;color:var(--summary-accent);font-size:22px}
.reference-design .stat-number{font-size:27px;color:#281d3d}
.reference-design .stat-label{font-size:12px;color:#76698f;margin-top:7px}
.reference-design .dashboard-card .card-header{font-size:14px;font-weight:600;padding:15px 17px}
.reference-design .dashboard-card .item{padding:12px 0}
.reference-design .financial-card{border-radius:9px;background:white!important;border-color:#ece7f6;padding:18px}
.reference-chart-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:16px;margin-bottom:18px}
.reference-chart{padding:18px;background:white;border:1px solid #ede8f7;border-radius:10px}
.reference-chart h2{font-size:14px;letter-spacing:-.2px;margin:0;font-weight:600}
.reference-chart h2 i{color:#5c13ef;margin-right:8px}
.reference-chart small{font-size:11px;color:#968aaf}
.reference-chart canvas{max-height:220px}
.reference-chart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}
.reference-chart-heading select{max-width:145px}
.reference-health{display:flex;align-items:center;gap:18px;min-height:215px}
.reference-health-chart{width:48%;max-width:210px;position:relative}
.reference-health-total{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;font-size:11px;color:#74678d}
.reference-health-total strong{font-size:25px;color:#2b2040}
.reference-health-legend{flex:1;list-style:none;padding:0;margin:0;font-size:11px}
.reference-health-legend li{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #f6f4fa}
.reference-health-legend b{margin-left:auto;color:#45395e}
.reference-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}
.reference-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.reference-group-card{border:1px solid #ece6f7;background:white;border-radius:9px;padding:18px;color:#52456b;text-decoration:none;display:block}
.reference-group-card:hover{border-color:#aa80ff;background:#fbf9ff}
.reference-group-card i{color:#925bff;background:#f3edff;padding:12px;border-radius:10px;margin-bottom:13px}
.reference-group-card h2{font-size:14px;font-weight:600}
.reference-group-card strong{font-size:24px;color:#32254b;margin-right:7px}
.reference-group-card p{font-size:11px;color:#968bab;margin:10px 0 0}
.reference-record-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.reference-record-preview{border:1px solid #ebe5f8;border-radius:9px;padding:19px;background:white;position:sticky;top:84px}
.reference-record-preview h2{font-size:16px;font-weight:600;line-height:1.5;padding-right:18px;overflow-wrap:anywhere}
.reference-record-preview .preview-label{font-size:10px;color:#978ab1;margin-bottom:4px}
.reference-record-preview .preview-field{font-size:12px;padding:12px 0;border-bottom:1px solid #f3f0f9;overflow-wrap:anywhere}
.reference-preview-close{float:right;border:0;background:transparent;color:#978ab1;font-size:18px}
.reference-design tr.reference-selected{background:#f1eaff}
.reference-preview-hint{color:#978ab1;font-size:12px;padding:22px 0;line-height:1.8}
@media(min-width:993px){.reference-design .navbar-collapse{flex-grow:0}.reference-design .navbar .navbar-nav{align-items:center}}
@media(max-width:1200px){.reference-design .page-content{padding:22px}.reference-record-layout{grid-template-columns:minmax(0,1fr) 260px}.reference-design .sidebar{width:210px}.reference-design .page-wrapper{margin-left:210px}.reference-design .navbar.fixed-top{left:210px}.reference-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:992px){.reference-design .navbar.fixed-top{left:0}.reference-design .sidebar{top:66px;height:calc(100vh - 66px)}.reference-design .navbar-brand{display:flex!important}.reference-design .navbar-brand img{max-height:30px!important}.reference-brand{display:none}.reference-design .navbar button[onclick="toggleSidebar()"]{display:block!important}.reference-chart-grid{grid-template-columns:1fr}.reference-record-layout{grid-template-columns:1fr}.reference-record-preview{position:static}.reference-design .page-wrapper{margin-left:0}.reference-design .reference-search{max-width:none}}
@media(max-width:768px){.reference-design .navbar.fixed-top{height:50px!important}.reference-design .page-content{padding:16px!important}.reference-design .navbar>.container-fluid{padding:0 12px;gap:8px}.reference-search{display:none}.reference-design .navbar-collapse{background:white;border:1px solid #ede8f7;padding:12px;border-radius:8px}.reference-design .page-content>.d-flex.mb-4{flex-wrap:wrap;align-items:flex-start!important}.reference-design h1,.reference-design .h3{font-size:24px}.reference-design .welcome-card h1{font-size:27px}.reference-group-grid{gap:10px}.reference-chart{padding:14px}.reference-health{gap:12px}.reference-design .table td{white-space:nowrap}.reference-design .page-content>.row>.col-md-3{width:50%}.reference-design .stat-number{font-size:22px}.reference-design .stat-icon{width:35px;height:35px;font-size:18px}.reference-design .stat-card .card-body{padding:12px}.reference-design .stat-icon.me-3{margin-right:9px!important}}
.reference-design .kanban-board{gap:14px;padding-bottom:15px}
.reference-design .kanban-column{background:#f4eeff;border:1px solid #e9dffc;border-radius:9px;min-width:230px}
.reference-design .kanban-column:nth-child(2n){background:#f6f0ff;border-color:#ece1ff}
.reference-design .kanban-column:nth-child(3n){background:#fff2ec;border-color:#ffe4d7}
.reference-design .kanban-column:nth-child(6){background:#ecfbf3;border-color:#d4f5e4}
.reference-design .kanban-column-header{background:transparent!important;color:#635382!important;font-size:12px;font-weight:600;padding:14px}
.reference-design .kanban-card{border:1px solid #ece7f6;border-left:3px solid #9e6dff;border-radius:7px;box-shadow:0 2px 5px #3b246a03}
.reference-design .kanban-card h6{font-size:12px;font-weight:600}
.reference-design .kanban-card-body,.reference-design .kanban-card-footer{font-size:11px}
.reference-design .kanban-card-footer{border-color:#f3f0f8}
.reference-design .list-group-item{border-color:#f0edf7;padding:16px;color:#5f527a;font-size:12px}
.reference-design .list-group-item.active{background:#f3edff;color:#6d24ff;border-color:#e6daff}
.reference-design .avatar-circle{background:#eee6ff;color:#8171c8;font-size:12px;width:35px;height:35px}
.reference-design[data-page="settings.index"] .nav-pills .nav-link{color:#877ba0;padding:13px 16px;border-radius:5px;font-size:12px}
.reference-design[data-page="settings.index"] .nav-pills .nav-link.active{background:#f1eaff;color:#6d24ff;border-left:2px solid #6d24ff}
.reference-design[data-page="communication.notifications"] .list-group-item{margin-bottom:8px;border:1px solid #efeaf8;border-radius:7px}
.reference-design[data-page="communication.announcements"] .page-content>.row{max-width:900px;margin:auto}
.reference-design[data-page="communication.announcements"] .page-content>.row>.col-md-6{width:100%}
.reference-notes-layout{display:grid;grid-template-columns:180px minmax(250px, .9fr) minmax(320px,1.3fr);gap:14px;align-items:start}
.reference-note-folders h6{font-size:12px;font-weight:600;margin-bottom:18px}
.reference-note-filter{background:transparent;border:0;border-radius:5px;padding:10px 8px;font-size:11px;color:#8b7ea6;display:flex;align-items:center;gap:8px;width:100%;text-align:left}
.reference-note-filter.active{background:#f3edff;color:#6e25ff}
.reference-note-filter span{margin-left:auto}
.reference-note-list>.row{margin:0}
.reference-note-list .reference-note-item{width:100%;padding:0;margin-bottom:7px!important}
.reference-note-list .reference-note-item>.card{border-top:1px solid #eee9f7!important;border-radius:6px}
.reference-note-list .reference-note-item .card-header{border:0;padding:12px}
.reference-note-list .reference-note-item .card-body{padding:0 12px}
.reference-note-list .reference-note-item .card-text{font-size:11px;color:#968aaf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;margin-bottom:8px;max-height:20px}
.reference-note-list .reference-note-item .card-footer{border:0;padding:5px 12px;font-size:10px;color:#968aaf}
.reference-note-open{border:0;background:transparent;color:#50426c;font-size:12px;text-align:left;padding:0;font-weight:600}
.reference-note-editor{min-height:470px}
.reference-note-editor .modal-content{border:0}
.reference-note-editor .modal-header{padding:0 0 16px;margin-bottom:15px;border-color:#f0edf7}
.reference-note-editor .modal-title{font-size:15px}
.reference-note-editor .modal-body{padding:0}
.reference-note-editor .modal-footer{padding:15px 0;border-color:#f0edf7}
.reference-note-editor .btn-close{display:none}
.reference-note-editor textarea.form-control{min-height:240px;line-height:1.8}
.reference-note-editor .form-check{padding-left:20px}
@media(max-width:1200px){.reference-notes-layout{grid-template-columns:145px minmax(210px,1fr) minmax(270px,1.2fr)}}
@media(max-width:992px){.reference-notes-layout{grid-template-columns:140px 1fr}.reference-note-editor{grid-column:1/-1}}
@media(max-width:576px){.reference-notes-layout{grid-template-columns:1fr}.reference-note-folders{display:none}.reference-note-editor{min-height:300px}}
.reference-expense-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.reference-spend-total{font-size:25px;font-weight:700;color:#31244a;margin:8px 0 0}
.reference-announcements-layout{display:grid;grid-template-columns:170px minmax(280px,1fr) 300px;gap:16px;align-items:start}
.reference-announcement-filters h6{font-size:12px;margin-bottom:17px}
.reference-announcement-filters .btn{border:0;text-align:left;font-size:11px;margin-bottom:7px;padding:9px}
.reference-announcement-filters .btn-primary{background:#f1eaff;color:#7132ef}
.reference-announcement-feed>.row>.col-md-6{width:100%}
.reference-announcement-feed .card-title{font-size:14px;font-weight:600}
.reference-announcement-feed .card-text{font-size:12px;line-height:1.8;color:#82749d}
.reference-announcement-feed .border-warning{border-color:#ffe0bf!important;background:#fffdfb}
.reference-announcement-compose{padding:18px}
.reference-announcement-compose .modal-content{border:0;background:transparent}
.reference-announcement-compose .modal-header,.reference-announcement-compose .modal-body,.reference-announcement-compose .modal-footer{padding:0;border:0}
.reference-announcement-compose .modal-title{font-size:14px;font-weight:600;margin-bottom:20px}
.reference-announcement-compose .modal-body .col-md-4,.reference-announcement-compose .modal-body .col-md-6{width:100%}
.reference-announcement-compose .modal-footer{margin-top:15px}
@media(max-width:1200px){.reference-announcements-layout{grid-template-columns:145px 1fr}.reference-announcement-compose{grid-column:2}}
@media(max-width:768px){.reference-expense-charts,.reference-announcements-layout{grid-template-columns:1fr}.reference-announcement-compose{grid-column:auto}.reference-announcement-filters .nav{flex-direction:row!important;flex-wrap:wrap}}
.reference-design .att-page-header{background:transparent;color:#8b7ea5;box-shadow:none;border-radius:0;padding:0;margin-bottom:24px}
.reference-design .att-page-header h3{font-size:27px;font-weight:700;letter-spacing:-.65px;color:#261b3c}
.reference-design .att-page-header h3 i{display:none}
.reference-design .att-page-header .btn-outline-light{color:#8145fa;border-color:#dac7ff;background:white}
.reference-design .att-card,.reference-design .clock-hero,.reference-design .att-kpi{border:1px solid #ede8f7;border-radius:9px;box-shadow:0 2px 8px #35245803}
.reference-design .att-kpi{border-left:1px solid #ede8f7}
.reference-design .att-kpi:hover{transform:none}
.reference-design .kpi-label{font-size:11px;color:#9084a7}
.reference-design .kpi-value{font-size:25px}
.reference-design .att-filters{background:#fff;border-color:#ede8f7;border-radius:9px}
.reference-design .clock-hero .btn{border-radius:6px;padding:8px 15px;font-size:12px}
.reference-design .att-table thead th{background:#f7f5fc;font-size:10px;color:#9084a7;text-transform:none;border-bottom:0}
.reference-design .att-table tbody td{font-size:12px;border-color:#f1edf8}
.reference-design .fc{--fc-border-color:#f1edf8;--fc-today-bg-color:#f3edff;--fc-button-bg-color:#6d24ff;--fc-button-border-color:#6d24ff;font-size:12px}
.reference-design .fc .fc-toolbar-title{font-size:18px;font-weight:600}
.reference-design .fc .fc-button{font-size:11px;border-radius:5px}
.reference-design .fc .fc-col-header-cell-cushion,.reference-design .fc .fc-daygrid-day-number{color:#8677a5;text-decoration:none;font-weight:500}
.reference-design .fc .fc-day-today .fc-daygrid-day-number{background:#6d24ff;color:white;border-radius:50%;margin:3px;padding:5px 8px}
.reference-design[data-page="productivity.index"] .card-header h5{font-size:14px;font-weight:600}
.reference-design[data-page="productivity.index"] .todo-list>.bg-light{background:transparent!important;border-bottom:1px solid #f3f0f9;border-radius:0!important}
.reference-message-layout{--bs-gutter-x:14px}
.reference-conversation-list{width:29%}
.reference-conversation-body{width:71%}
.reference-thread-columns{display:grid;grid-template-columns:minmax(250px,1fr) 200px;gap:12px}
.reference-chat{min-height:565px}
.reference-chat-messages{height:440px;overflow:auto;display:flex;flex-direction:column;gap:16px}
.reference-chat-message{align-self:flex-start;max-width:85%;font-size:12px}
.reference-chat-message>small{color:#a197b6;font-size:9px;display:block;margin-bottom:5px}
.reference-chat-own{align-self:flex-end}
.reference-chat-bubble{border-radius:8px;padding:12px;background:#f3f0f9;white-space:pre-wrap;overflow-wrap:anywhere;color:#60537b;line-height:1.6}
.reference-chat-own .reference-chat-bubble{background:#eadfff;color:#573c8e}
.reference-chat h6,.reference-shared-files h6{font-size:13px;font-weight:600}
.reference-shared-file{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #f1eef8;font-size:11px;text-decoration:none;color:#746593;overflow-wrap:anywhere}
.reference-shared-file i{font-size:20px;color:#ff7a85;margin-top:4px}
.reference-shared-file small{display:block;font-size:9px;color:#a297b8;margin-top:5px}
@media(max-width:1200px){.reference-thread-columns{grid-template-columns:1fr}.reference-shared-files{display:none}}
@media(max-width:768px){.reference-conversation-list,.reference-conversation-body{width:100%}.reference-conversation-list{margin-bottom:15px}.reference-conversation-list .list-group{max-height:240px;overflow:auto}}