.bef--secondary {
	flex-basis: 100%;
}

.view-id-content .views-field-field-tags,
.view-id-content .views-field-field-organisation {
	word-break:break-all;
}
.view-id-content .views-field-status {
	text-align:center;
}
.view-id-content .views-field-field-images img {
	max-width:60px;
}
/* Claro throbber shows and never hides on content admin view when clicking VBO action */
.path-frontpage .ajax-progress--fullscreen{
	display:none;
}

/* Messages*/
.messages.messages--status {
	color: #e8fdf7;
}

/*CKeditor table*/
figure .ck-widget.table {
	margin:0;
	padding:0;
	width:100%;
}
.ck-content table {
	margin:0;
}

/* Views exposed filters */
.view-filters .claro-details {
	width:100%;
}
.view-filters .views-ef-fieldset-container .claro-details__description {
	display:none;
}
.view-filters .details-wrapper .views-ef-fieldset-container .details-wrapper {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:1rem;
}
.view-filters .details-wrapper .views-ef-fieldset-container .details-wrapper:first-child .form-item {
	margin:0;
}
/*.view-filters .form-type--textfield {*/
/*	margin-bottom:0;*/
/*  margin-block: 0.5rem;*/
/*}*/
.view-filters .claro-autocomplete {
	max-width:24rem;
	width:auto;
}

#views-form-user-admin-people-page-1 .views-table td.views-field {
	vertical-align:top;
	font-size:0.9em;
}
#views-form-user-admin-people-page-1 .user-newsletters{
  max-width:200px;
}
#views-form-user-admin-people-page-1 .user-newsletters li {
	list-style-position:inside;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left:0;
}
#views-form-user-admin-people-page-1 .subscription-expiry li{
  min-width:125px;
}
#views-form-user-admin-people-page-1 .active-subscriptions li{
  min-width:80px;
}
#views-form-user-admin-people-page-1 .views-field-user-ip-login-addresses details {
	min-width:130px;
}
#views-form-user-admin-people-page-1 .views-field-user-last-access-track{
	min-width: 160px;
}
ul.master-contact li span.marker {
	background-color: #2fa12f;
  color: white;
}
details.simple summary {
	padding:0;
	background-color:transparent;
	font-weight:500;
}
/* User admin view dates */
.date-past {
    text-decoration: line-through;
    background-color: #ffd6d6;
    padding: 0 4px;
}
.date-imminent {
    background-color: #fce0c9;
    padding: 0 4px;
}
.date-future {
    background-color: #daffd8;
    padding: 0 4px;
}
.list-style-none ul li {
	list-style:none;
	margin-left:0;
}
/* User profile */
.user-profile-tabs .vertical-tabs__pane .field {
	margin:0.5em 0;
}
.compact-list {
	margin: 0.5em 0;
}
.compact-list h3 {
	font-size:inherit;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
/* Dashboard */
.dashboard .layout--twocol-section {
	flex-wrap:nowrap;
}
.dashboard .container-inline-flex {
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	align-items:center;
}
.dashboard .container-inline-flex .form-item{
	margin-block:0;
}
.dashboard .ajax-progress {
  position: fixed;
  z-index: 99999999;
  background: rgba(255,255,255,0.6);
  text-align: center;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}

.dashboard .ajax-progress .ajax-progress__throbber {
  left: 50%;
  position:absolute;
  right:50%;
  top: 50%;
  transform: translateY(-50%);
}
.dashboard .m-0 {
	margin:0;
}
.dashboard .mt-1 {
	margin-top:0.5em;
	margin-bottom: 0;
}
.truncate {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;	
}
.text-center {
	text-align:center;
}
form.user-register-form .form-item--notify {
	display:none;
}
.view-footer {
	margin: 1em 0;
  color: #999;
}

#toolbar-item-administration-tray .toolbar-logo img {
	width: 100px;
	max-height: 35px;
}

textarea#edit-user-message {
	max-width:65ch;
	word-wrap: break-word; /* Ensures long words break naturally */
  overflow-wrap: break-word; /* Similar to word-wrap, modern equivalent */
  white-space: pre-wrap; /* Preserves line breaks and wraps text naturally */
  hyphens: manual; /* Avoids automatic hyphenation */
}
.ai-summary{
	background-color:#fff;
	border: 2px solid transparent;
  border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  border-image-slice: 1;
	padding: 1rem;
}
.ai-summary p,.ai-summary ul, .ai-summary ol {
	max-width: 65ch;
  word-break: auto-phrase;
}
.ai-summary > *:first-child {
  margin-top: 0;
}
p.citation-text {
	max-width: 65ch;
  word-break: auto-phrase;
}
.action-link.use-ajax {
	margin-right:1em;
}

.flex-container {
  display: flex;
  flex-wrap: wrap; /* Allows wrapping on smaller screens */
  gap: 10px; /* Optional spacing between divs */
}

.box {
  flex: 1; /* Equal width */
  width: 50%; /* Prevents shrinking too much */
  margin:0;
}

/* Stack the divs on small screens */
@media (max-width: 1024px) {
  .flex-container {
    flex-direction: column; /* Stack vertically */
  }
  .flex-container .box {
  	width: 100%;
  }
  .flex-container .editable-content.box {
  	width:96%;
  }
}

.chat-wrapper {
	background-color:#efefef;
	border: 2px solid transparent;
  border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  border-image-slice: 1;
	padding: 1rem;
}
.chat-wrapper > *:first-child {
  margin-top: 0;
}
.citations-wrapper {
	margin-bottom: 0;
}
.chat-wrapper .citations {
	font-size:0.9em;
}
.chat-wrapper .citation {
	background-color: #ffffef;
  border: 1px solid #ffec01;
  padding: 1em;
  margin-bottom: 1em;
}
.chat-wrapper .citation h3 {
	margin-top:0;
}
#chat-intro {
	padding: 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.chat-message {
	padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-top: 1rem;
  max-width: 65ch;
}
.chat-message.user-message{
	background-color: #eeffee;
}
.chat-message.ai-message {
	background-color:#fff;
}
.chat-message p,.chat-message ul, .chat-message ol {
	max-width: 65ch;
  word-break: auto-phrase;
}
.ai-message-content > *:first-child {
  margin-top: 0;
}


/* Blinking cursor for typewriter effect */
.ai-message-content.is-typing::after {
  content: "▌";
  display: inline;
  animation: blink 0.7s step-end infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}


.proofread-form .ai-response {
	background-color:#fff;
	border: 2px solid transparent;
  border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  border-image-slice: 1;
	padding: 1rem;
}
.proofread-form .ai-response > *:first-child {
	max-width: 65ch;
}

.summarize-file-form #chat-wrapper {
	height: 759px;
  overflow-y: scroll;
}

.proofread-form #chat-wrapper {
	height: 820px;
  overflow-y: scroll;
}
.proofread-form #chat-wrapper ins {
	text-decoration: none;
	background-color: #d4fcbc;
}
.proofread-form #chat-wrapper del {
	text-decoration: line-through;
	background-color: #fbb;
	color: #555;
}

.ai-message-footer {
	border-top: 1px solid #efefef;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
}
.ai-message-footer a {
	margin-right:1em;
}
.pr-field-title {
	font-size:1.2em;
	font-weight:bold;
}
button.proofread-action {
	margin-right:0.5rem;
}
button.accept::before {
  content: "✔ ";
}
button.decline::before {
  content: "✘ ";
}
#chat-wrapper p:has(ins),
#chat-wrapper p:has(del),
#chat-wrapper li:has(ins),
#chat-wrapper li:has(del){
  background-color: lightyellow;
}

/* Dark mode styling */
.gin--dark-mode .chat-wrapper,
.gin--dark-mode .chat-wrapper .citation,
.gin--dark-mode #chat-intro,
.gin--dark-mode .proofread-form .ai-response,
.table-file-multiple-widget th{
	background-color:transparent;
}

.gin--dark-mode .chat-message {
	background-color: #333;
}

.gin--dark-mode #chat-wrapper p:has(ins),
.gin--dark-mode #chat-wrapper p:has(del),
.gin--dark-mode #chat-wrapper li:has(ins),
.gin--dark-mode #chat-wrapper li:has(del){
  background-color: #555;
}

.gin--dark-mode #chat-wrapper ins {
	color: #555;
}

.gin--dark-mode .date-past,
.gin--dark-mode .date-imminent,
.gin--dark-mode .date-future {
	color: #555;
}

.gin--dark-mode .ck-content {
	color: #fff;
}

.paragraphs-tabs-wrapper .form-item .field-actions {
	gap: 1rem;
	align-items: center;
}

strong.highlight {
	background-color: yellow;
  color: black;
}