:root{
            --bg:#020617;
            --bg-soft:#020617;
            --card:#020617;
            --muted:#94a3b8;
            --text:#e5e7eb;
            --primary:#60a5fa;
            --primary-soft:rgba(96,165,250,.4);
            --accent:#a78bfa;
            --danger:#ef4444;
            --border:#1f2933;
            --border-soft:rgba(148,163,184,.2);
        }	

/*! CSS Used from: https://sadfsdf.webondemand.com/Apps/chat/Style.css?v=48457 */
body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	overflow-x:hidden;
	color:#e5e7eb;
	font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background:radial-gradient(circle at 10% -20%, #1d2660 0, transparent 55%), radial-gradient(circle at 90% -20%, #0f172a 0, transparent 55%), radial-gradient(circle at 50% 120%, #020617 0, #000 70%);
}
img {
	vertical-align:middle;
	height:auto;
}
.content-shell {
	height:calc(100vh - 140px);
	padding:1rem;
}
.content-shell-inner {
	height:100%;
	margin:0 auto;
	padding:0.35rem;
	border-radius:24px;
	border:1px solid rgba(15, 23, 42, 0.9);
	background:radial-gradient(circle at top, #02091f 0, #020617 55%);
	box-shadow:0 1.5rem 3rem rgba(15, 23, 42, 0.95), 0 0 40px rgba(15, 23, 42, 0.9);
}
.content-shell-inner iframe {
	width:100%;
	height:100%;
	border-radius:20px;
	border:1px solid rgba(31, 41, 55, 0.9);
	background:radial-gradient(circle at top, #020617 0, #020617 50%);
}
.page {
	display:flex;
	flex-direction:column;
	min-height:100dvh;
	height:100vh;
	padding-top:var(--safe-top);
	padding-bottom:var(--safe-bottom);
    background-size: cover;
    background-position: center;	
}
.bottom {
	flex:1;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.IconGrid {
	display:flex;
	gap:20px;
	flex-wrap:nowrap!important;
	filter:invert(1);
}
@media (max-width: 576px) {
body {
padding-top:0;
}
main.content-shell, .app-header {
padding-left:0!important;
padding-right:0!important;
}
.content-shell {
height:calc(100vh - 150px);
padding-inline:0.6rem;
}
}
@media (max-width: 480px) {
.content-shell-inner {
padding:0;
}
}
/*! CSS Used from: https://sadfsdf.webondemand.com/Apps/chat/Chat.css?v=48457 */
* {
	box-sizing:border-box;
}
body {
	margin:0;
	padding:0;
	font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	background:radial-gradient(circle at top left, rgba(96, 165, 250, .25), transparent 55%), radial-gradient(circle at top right, rgba(168, 139, 250, .27), transparent 55%), linear-gradient(180deg, #020617 0%, #020617 55%, #020617 100%);
	color:var(--text);
	height:100vh;
	overflow:hidden;
}
.container {
	display:flex;
	flex-direction:column;
	
	max-width:1040px;
	margin:0 auto;
	
	max-width:900px;
	margin:inherit;
	
	position:relative;
}
.app-header {
	padding:16px 24px 0;
	position:relative;
	z-index:5;
}
.header-inner {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:14px 18px;
	border-radius:18px;
	background:linear-gradient(135deg, rgba(15, 23, 42, .95), rgba(15, 23, 42, .85));
	border:1px solid rgba(148, 163, 184, .3);
	box-shadow:0 18px 45px rgba(15, 23, 42, .85);
	backdrop-filter:blur(22px);
}
.persona {
	display:flex;
	align-items:center;
	gap:14px;
}
.avatar {
	width:40px;
	height:40px;
	border-radius:999px;
	background:radial-gradient(circle at 30% 0%, #bfdbfe 0, #60a5fa 35%, #4c1d95 100%);
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	letter-spacing:0.04em;
	font-size:14px;
	color:#0b1220;
	box-shadow:0 0 0 1px rgba(15, 23, 42, .7), 0 0 25px rgba(37, 99, 235, .7);
}

.avatar img{
    height: 100%;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.persona-name {
	font-size:15px;
	font-weight:600;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:#e5e7eb;
}
.persona-tagline {
	font-size:13px;
	color:var(--muted);
}
.header-meta {
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.pill {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.12em;
	padding:6px 10px;
	border-radius:999px;
	border:1px solid rgba(148, 163, 184, .3);
	color:var(--muted);
	background:radial-gradient(circle at top left, rgba(148, 163, 184, .18), rgba(15, 23, 42, .9));
	display:inline-flex;
	align-items:center;
	gap:6px;
}
.pill-primary {
	border-color:rgba(96, 165, 250, .7);
	color:#dbeafe;
	background:radial-gradient(circle at top left, rgba(96, 165, 250, .25), rgba(15, 23, 42, .95));
}
.pill .dot {
	width:8px;
	height:8px;
	border-radius:999px;
	background:radial-gradient(circle at 30% 0, #bbf7d0, #22c55e);
	box-shadow:0 0 0 4px rgba(34, 197, 94, .15);
}
@media (max-width:768px) {
.container {
max-width:100%;
}
.header-inner {
flex-direction:column;
align-items:flex-start;
}
.header-meta {
width:100%;
justify-content:flex-start;
}
}