body {font-family: 'Nunito', sans-serif ;}
.hide{display:none !important;}
.pointer{cursor:pointer;}
.fs-12{font-size:12px;}
.text-theme{color: #FF8040;}

/* home */
.chatbot-box{text-align:center; font-size:14px; border:#FF804080 1px solid; border-radius:5px; /*margin-bottom:20px;*/ box-shadow: 3px 3px 6px #FF804033;}
.chatbot-box:hover{background:#FF80404D;}
.chatbot-list{margin:10px 5px;}
.chatbot-list .chatbot-box .chatbot-image img{height:75px; border-radius:8px; margin-bottom:5px;}
.chatbot-list .chatbot-box .chatbot-name{line-height:20px; color:#000;}
.chatbot-list .chatbot-box .chatbot-username{color:#999; font-size:10px; margin-bottom:5px;}
.chatbot-list .chatbot-box .chatbot-intro{color:#444; font-size:11px; height:46px; overflow:hidden; text-overflow: ellipsis;padding: 0 6px 6px 6px;line-height: 1.3;}
.dark-mode .chatbot-list .chatbot-box .chatbot-name{color:#fff;}
.dark-mode .chatbot-list .chatbot-box .chatbot-intro,{color:#ddd;}
.character-filter-icon{margin-right:10px; margin-top:7px;}
.character-filter-icon i{font-size:18px;}
.step_hint{font-size:14px; margin:10px 0; text-align:center;}
.create-character-link{font-size:20px; color:#000; margin:95px 0;}
.verify-section-main{padding: 10px 10px 0 10px;border-radius: 6px 6px 0 0;height: calc(100vh - 60px);}
.Amigo_img_main {justify-content: flex-start;}
.offcanvas.offcanvas-start {width:320px;}

/* chat */
.message i{color: #3c3939;}
.messages .message{margin:0; max-width:98%;border-radius:12px;background:#FF80404D;font-family: 'Nunito', sans-serif;font-size:15px;line-height:1.4;}
.messages .message.message-personal{margin:0;background:#ff80401a;border-radius:12px;font-family: 'Nunito', sans-serif;font-size:15px;line-height:1.4;margin-bottom:10px;}
.message-list{display:flex; align-items:flex-start; margin: 15px 0 30px 0; width:100%;}
.message-list .avatar img{width:90%; border-radius:10px;}
/*.message-list .avatar-left{margin-right:10px;}
.message-list .avatar-right{margin-left:10px;}*/
.message-list .first{width:15%;}
.message-list .second{width:85%;}
.message-list.right .first{width:85%;}
.message-list.right .second{width:15%; text-align:right;}
.chat-data{text-align:center; font-size:14px;}
.chat-data-image img{width:200px; height:200px; border-radius:10px;}
.chat-data-name{line-height:25px;font-size:18px;font-weight:600;margin-top:5px;}
.chat-data-username{color:#999;font-size:10px;margin-bottom:5px;}
.chat-data-intro{color:#666; font-size:11px;}
/*.message-list.left .message{background:#FF80404D;}*/
.dark-mode .chat-data-intro,.dark-mode .chat-data-name{color:#ddd;}
.dark-mode .message{color:#ddd;}
.dark-mode .message-personal{color:#000;}
.back-pic{width:25px;}
.chat-topbar .Amigo_img_main{text-align:center;}
.chat-topbar .Amigo_img_main .Amigo_img_menu{display:inline-block;}
.char-tags{padding:0 6px 6px 6px;}
.tags-theme{background: transparent;border: #D62B2BD9 1px solid;color: #D62B2B;}

/* Chat interface height */
.amigo-chat-AI-main {
    /* Only use the modern, corrected unit */
    height: calc(100dvh - 40px); 
    display: flex;
    flex-direction: column; 
    padding: 16px 10px 0 10px;
    border-radius: 5px 5px 0 0;
}

.chat {
    flex-grow: 1; /* Fills the space between the header and the ad banner */
    overflow-y: auto;
    width: 100%;
    margin-bottom: 10px;
}

.chat-input {
    /* other styles like position: fixed; bottom: 0; */
    padding-bottom: env(safe-area-inset-bottom, 0);
}

/* Header */
.amigo-home-header {padding: 10px;}
.amigo-chat-menu-main {padding: 10px;}
/* Chatbot Grid */
.chatbot-list .chatbot-box .chatbot-image img {height: auto;width: -webkit-fill-available;border-radius: 5px;}
.chatbot-list .chatbot-box .chatbot-name {font-weight: 600;} 

/* common */
h1, h2, h3, h4, h5, h6 {font-family: inherit;}
form label.error{/*display:none !important;*/ display:inline; width:100%; color:red; margin-top:5px;}
form input.error{border:#f00 1px solid;}
.btn-theme, .btn-theme:hover, .btn-theme:active{color:#fff; background:#FF8040;}
a.disabled{pointer-events:none;}
.bg-theme{background:#FF8040;}
.btn-primary {--bs-btn-color: #000;--bs-btn-bg: #FF80404D;--bs-btn-border-color: #FF80404D;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #FF8040;--bs-btn-hover-border-color: #FF8040;--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #FF8040;--bs-btn-active-border-color: #FF8040;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #FF80404D;--bs-btn-disabled-border-color: #FF80404D;}
.link-theme{color:#FF8040;}

/* Signup */
.generatepassword{font-size:12px; color:#FF8040; cursor:pointer; float:right; margin-top:5px; margin-bottom:15px;}
.signup label.error+span i{top:20% !important;}

/* profile_form */
#profile_form{width:100%;}
.changemail{font-size:12px; color:#FF8040; cursor:pointer; float:right;}
.sign_with_pass_btn:disabled{opacity:0.5 !important;}

/* create character */
.step-buttons .step-button{/*width:50%;*/ text-align:center;}
.characterform textarea{min-height:100px;}
.switchbuttons .btn{/*width:120px;*/ font-size:12px;color: #FF8040;background:transparent;border-color: #FF8040;}
.characterform{text-align:center; width:80%; margin:0 auto; font-size:15px;}
.characterform .form-control{font-size:15px;}
.characterform .languages{font-size:13px;}
.switchbuttons .btn:hover,.btn-check:checked+.btn{background:#FF8040 !important; border-color: #FF8040 !important; color:#fff !important;}
.characterform label.error{display:none !important;}
.characterform .char_avatar_preview{max-width:200px; margin-top:10px;}
input[type='file'].form-control{height:auto;}

/* my chats */
.mychat-list{margin: 10px;}
.mychat-box{font-size:13px; border:#FF8040 1px solid; border-radius:5px; padding:8px; margin-bottom:20px; box-shadow: 5px 5px 10px #FF80404D; display:flex;gap:10px; color:#999;}
.mychat-box .mychat-image-sec{width:15%;}
.mychat-box .mychat-detail-sec{width:85%;}
.mychat-box:hover{background:#FF80404D;}
.mychat-box .mychat-image-sec img{max-width:100%;}
.mychat-box .mychat-metadata{display:flex; column-gap:10px; width:100%;}
.mychat-box .mychat-metadata .mychat-character-name{width:55%;}
.mychat-box .mychat-metadata .mychat-character-timestamp{width:45%; text-align:right;}
.mychat-box .mychat-metadata .mychat-character-name div{float:left; font-weight:bold;}
.mychat-box .mychat-metadata .mychat-character-name div a{font-size:16px; color:#000;}
.dark-mode .mychat-box .mychat-metadata .mychat-character-name div a{color:#fff;}
.mychat-box .mychat-message{margin-top:15px;}
.mychat-box .mychat-metadata i{color:#FF8040;}
.today-text {font-size: 10px;}
.mychathistory-list img{width:64px;border-radius: 8px;}
.mychatbox-menus{position:absolute; bottom:0; right:20px; cursor:pointer; /*opacity:0;*/}
.mychatbox-menus .dropdown-toggle::after{display:none;}
/*.mychatbox:hover+.mychatbox-menus, .mychatbox-menus:hover{opacity:1;}*/
.mychatbox-menus .btn{--bs-btn-padding-x: 0.6rem;    --bs-btn-padding-y: 0.25rem;}
.mychatbox-menus .dropdown-toggle i{color:#000;}