/* Persona Page - Conversation */
div.persona_summary {
	margin-bottom:var(--margin-m);
	height:120px;
	}
	
	div.persona_summary img.portrait {
		float:right;
		width:120px;
		height:120px;
		outline:1px solid var(--color-light);
		border-radius:var(--radius-tight);
		}
		
	div.persona_summary p {
		width:calc(100% - 120px - var(--margin-l));
		float:left;
		}

/* Persona Page - Conversation Box */
div#conversation {
	position:relative;
	width:auto;
	overflow:scroll;
	height:280px;
	outline:var(--divider-light);
	margin:1px;
	border-radius:var(--radius-tight);
	background-color:var(--white);
	border:var(--margin-m) solid transparent;
	}
	
	div#conversation p {
		background-color:var(--color-bubble);
		padding:var(--margin-s);
		border-radius:var(--radius-tight);
		width:66%;
		float:left;
		}
		
		div#conversation p.you {
			background-color:var(--color-very-light);
			float:right;
			}
		
	/* Typing dots (initially hidden) */
	div#conversation p.typing_dots {
		width:50px;
		height:var(--button-height);
		margin-right:2000px;
		}
	
		.displayNone {
			display:none !important;
			}
		
		.displayBlock {
			display:block !important;
			}
			
/* Persona Page - Conversation Input */
.send_container {
}

form#userForm {
	padding-top:var(--margin-s);
    display: flex;
    gap:var(--margin-xxxs); /* Adds space between the input and button */
    align-items: center;
    width: 100%; /* Ensure it takes full available width */
	}
	
form#userForm input {
	height:var(--button-height);
	font-size:18px;
	margin-right:var(--margin-m);
	flex: 1; /* Allows the input to take up the remaining space */
    min-width: 0; /* Prevents flex from overflowing */
	}
	
form#userForm button {
    white-space: nowrap; /* Prevents text from wrapping */
	}


/* Persona Page - Profile */
div.persona_profile {
	width:100%;
	}
	
div.dossier_panel img.portrait,
div.summary_panel img.portrait {
		position:absolute;
		top:var(--margin-l);
		right:0px;
		width:200px;
		height:200px;
		outline:1px solid var(--color-light);
		border-radius:var(--radius-tight);
		}
		
	div.persona_profile div {
		display:block;
		width:calc(100% - 220px);
		}
		
	div.persona_profile div h4 {
		margin:10px 0px 0px 0px;
		}
		


/* Persona Personality */
div.persona_ocean p {
	margin:var(--margin-s) 0px 0px 0px;
	}
	
div.persona_ocean div {
	width:70%;
	height:var(--margin-s);
	box-shadow:inset var(--shadow);
	border-radius:var(--radius-tight);
	background-color:var(--color-very-light);
	overflow:hidden;
	}
	
div.persona_ocean div span {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	height:var(--margin-s);
	width:100px;
	background-color:var(--color-blue);
	box-shadow:var(--shadow);
	}
	
	
	/* Interview Summary */
	div.insight_summary ul:first-of-type {
		margin-right:250px;
		}
		
	div.insight_summary ul.no_bullet {
		list-style:none;
		margin-left:0px;
		padding-left:0px;
		}
	
	div.insight_summary ul,
	div.insight_summary ol {
		margin-left:var(--margin-l);
		}
	
	div.insight_summary li {
		margin-top:4px;
		}
		
	div.insight_summary h3 {
		margin-top:var(--margin-l);
		}
	
	div.insight_summary h3:first-of-type {
		margin-top:0px;
		}