/*
 * Colour Style Document for ResourceSpace
 *
 * Standard colour and decorative css should be contained within this file
 * Standard structural styling should be placed inside global.css
 *
 */

/* Default text and background colour */
/*body,html {color:#474747;background: #ececec;}

h1, h2 {color: #000000;}
a:link {color:#666666;}
a:visited {color:#666666;}
a:hover {color:#2E99E6;}
a:active {opacity:0.6;}

input[readonly] {
    color: #000000;
    box-shadow: none;
    border: none;
}*/


/* Textos TODOS preto puro (uniformidade app) */
body,
html,
*,
*::before,
*::after {
    color: #000000 !important;     
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #000000 !important;  
}


input::placeholder,
textarea::placeholder {
    color: #666666 !important;     
}


code, pre, [class*="icon"], svg text {
    color: inherit !important;    
}



#Header {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                       
        #dedddd 100%                                       
    ) !important;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);        
    border-radius: 0 0 24px 24px;                        
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 1);
    backdrop-filter: blur(20px);
    transform: translate3d(0, 0, 0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 16px 24px;
    color: #111827 !important;                           
}

#Header:hover {
    box-shadow: 
        0 16px 48px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 1);
    border-bottom-color: rgba(0, 0, 0, 0.12);
}

#Header * {
    color: #111827 !important;                         
}


#Header.scrolled {
    background: linear-gradient(135deg, #4b5563 0%, #374151 100%) !important;
    color: #f9fafb !important;
}

#Header.scrolled * {
    color: #f9fafb !important;
}


#Header li a:not(:has(img)) img {color:#000; opacity:0.7;}
#Header .SearchResultsDisabled,
#Header .SearchResultsDisabled:hover,
.DisabledLink,
.DisabledLink:hover {opacity: 0.35; cursor: default;}
#Header a:hover,
#Header .current {opacity:1;text-decoration: none}
/* links in Header overflow dropdown menu */
#HiddenLinks li a {color:#fff; opacity:0.7;}
#Header .UploadButton a {color: #fff;}

/* Colours for $header_text_title */
#TextHeader, #TextHeader a, #TextDesc {color:#fff;}

.FormError {color: #FF0000;}
.FormIncorrect {color: #FF0000;border: 1px solid #BBBBBB;background: #FFFFFF;}
.PageInformal {border: 1px solid #c0c0c0;background: #FFFFFF;}
.HorizontalWhiteNav a:link,
.HorizontalWhiteNav a:visited,
.HorizontalWhiteNav a:active,
.BasicsBox .VerticalNav a:link,
.BasicsBox .VerticalNav a:visited,
.BasicsBox .VerticalNav a:active,
.ListTitle a:link,
.ListTitle a:visited,
.ListTitle a:active {color:#666666;}
.HorizontalWhiteNav a:hover, .BasicsBox .VerticalNav a:hover, .ListTitle a:hover {color:#2e99e6;}

/* Search Bar */
#SearchBoxPanel a:link, #SearchBoxPanel a:visited, #SearchBoxPanel a:hover,
#ResearchBoxPanel a:link, #ResearchBoxPanel a:visited, #ResearchBoxPanel a:hover, #ResearchBoxPanel a:active,
.SearchSpace a:link, .SearchSpace a:visited, .SearchSpace a:hover, .SearchSpace a:active,
.PoweredByPanel a:link, .PoweredByPanel a:visited, .PoweredByPanel a:hover {
    color:#fff;text-decoration:none;
}

.RecordPanel, .ResourcePanelSmall, .ResourcePanelLarge, div#Metadata div.Title { background:linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important; }
#ResearchBoxPanel, .HomePanelIN, .RecordPanel .RecordDownload, .RecordPanel, .ResourcePanelLarge {
    border-radius:8px;
    overflow: hidden;
}
.ResourcePanel {
    background-color: white;
    border-radius: 10px;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.ResourcePanel:hover {
    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3);
    z-index: 100;
}
.ResourcePanelInfo {
    color: #727272;
}
.ResourcePanelInfo a {
    color: #414141;
}
.ResourcePanel.Selected { outline: 3px solid #2E99E6; }
tr[id^="ResourceShell"].Selected { background-color: #d5eafa; /* Used a tint of #2e99e6 which is used for .ResourcePanel.Selected */ }

.ResourcePanelIcons a.icon-circle-minus { color: #e91d1d }

.ImageWrapper {background-color: #f6f6f6;}

#SearchBoxPanel h2, #ThemeBoxPanel h2, #ResearchBoxPanel h2, .SearchSpace h2{color: #fff;}

/* Collection Bar Divider */
.ui-layout-resizer {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;  
    transition: all 0.2s ease;
    border-left: 1px solid linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
}
.ui-layout-resizer:hover {
    background: rgba(148, 163, 184, 0.6);
    cursor: col-resize;
}

.ui-layout-toggler-open-hover{border-radius:2px;}
/* .CollectBack light mode (match app modals/search slate) */
.CollectBack { 
    color: #1e293b; 
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
}
.CollectBack a:link, .CollectBack a:visited, .CollectBack a:active,
.CollectBack h2, .BrowseBar a:link, .BrowseBar a:hover, 
.BrowseBar a:visited, .BrowseBar a:active, .BrowseBar h2 { 
    color: #1e293b; 
}
.CollectBack a:hover { 
    color: #0f172a; 
}
.CollectBack h2 a:link, .CollectBack h2 a:visited, 
.CollectBack h2 a:active, .CollectBack h2 a:hover { 
    color: #334155;  /* Dark slate (não white) */
}

#CollectionMinRightNav li {border-left:1px solid #E0E0E0;}
.CollectionPanelShell {
    background-color: transparent !important;
    
   
    border: 1px solid rgba(0, 0, 0, 0.12) !important;  
    border-radius: 16px !important;
    
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}


/* Related resources */
#RelatedResources .CollectionPanelShell {background-color: #fff;}

/* Home */
.HomePanel a:link,
.HomePanel a:visited,
.HomePanel a:active,
.HomePanel a:hover,
.HomePanel h2 {color:#FFF;}
#HomeSiteText {
	padding: 20px 24px;                                
	border-radius: 20px;                                
	transition: all 0.3s ease;
}

#HomeSiteText.dashtext {
	background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;             
	border: 1px solid linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;             
	box-shadow: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
	backdrop-filter: blur(12px);
}

#HomeSiteText.dashtext:hover {
	transform: translateY(-2px);
	box-shadow: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
	border-color: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;                              
}

#HomeSiteText.dashtext h1 {
	color: #111827 !important;                            
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 12px 0;
	letter-spacing: -0.02em;
}


/* Default colours for search, dash tiles, browse bar etc (branco neutral zero azul) */
#SearchBox, #HomeSiteText.dashtext, .HomePanelIN, .PopupCategoryTree {
    background: rgba(255, 255, 255, 0.98);     /* Azul #dbeafe → white glass */
    color: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;                            /* Slate → gray-900 contraste */
}


.CollectImageBorder {border: 1px solid #000000;}
.ASC::before	{content: " \25BC";font-size:80%;}
.DESC::before	{content: " \25B2";font-size:80%;}

.NavUnderline,.Question {border-bottom: 1px solid #e2e2e2;}

/* Table header styling ENQUADRADO (Glass Cinzento + Zero Azul) */
.ListviewStyle {
    border-collapse: collapse;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);          /* Shadow mais glass */
}

.ListviewStyle thead, .ListviewTitleStyle {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;
    text-transform: uppercase;
    font-weight: 600;
}

.ListviewTitleStyle td, .ListviewTitleStyle th, .ListviewTitleStyle a, .ListviewTitleStyle a:visited {
    color: #111827;                                       /* Slate-900 */
    font-size: 0.875rem;
}

.ListviewTitleStyle a:hover {
    color: #000000;                                       /* Preto hover */
    text-decoration: none;
}

.ListviewStyle tr:nth-child(even):not(.ListviewTitleStyle) {
    background-color: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;          /* #f8fafc mantido */
}

.tableRowEven { background-color: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;}
.tableRowOdd { background-color: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important; }

.ListviewStyle tr {
    transition: background-color 0.2s ease;
}

.ListviewStyle tr:hover:not(.ListviewTitleStyle) {
    background-color: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;/* #f3f4f6 hover */
}

tr.ListviewTitleStyle:hover {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;
}

.ListViewBulkActions span {
    color: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;                                     /* Slate-500 */
    transition: color 0.2s ease;
}

.ListViewBulkActions span:hover {
    color: #475569;                                       /* Slate-600 (zero azul) */
}

/* Bordas sutis rows */
.ListviewStyle td, .ListviewStyle th {
    border-bottom: 1px solid rgba(229, 231, 235, 0.5);   /* Slate-200 */
    padding: 12px 16px;
}




.Question select .optionWeekend { background-color: #ccc; }
.lockedQuestion {background-color: #ddd; }
.Question.FieldSaveError {background: #F1A9A0;}
div.autocomplete {background-color:white;border:1px solid #888;}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {color: #000;}
#outerImageContainer{ background-color: #fff;}
#imageDataContainer{ background-color: #fff;}
#imageData{color: #666;}
#imageData #caption{ font-weight: bold;	}
#overlay{ background-color: #000;}
.FormHelpInner{background-color:#ffffff;border:1px solid #2e99e6;border-radius:4px;}
.RecordDownloadSpace .HorizontalWhiteNav a:active, .RecordPanel .RecordDownloadSpace .HorizontalWhiteNav a:hover {color:#FFFFFF;}
.NoFind {border: none;background: #FFFFFF;}
.NoFind .highlight {color:#000000;font-weight: bold;}
.NoFind a:link, .NoFind a:visited, .NoFind a:hover, .NoFind a:active {color:#2e99e6;text-decoration:underline;}
.ViewPanelTitles .Title { border-bottom: 0; }
.RecordDownloadSpace { border-radius: 5px; background: #fff;}
.RecordPanel .RecordDownload .DownloadDBlend td {border-top: 1px solid #ddd;color: #333;}
.RecordPanel .RecordDownloadSpace .DownloadDBlend .DownloadButton {background-color: transparent;}
.RecordPanel .RecordDownloadSpace .DownloadDBlend p {color: #757575;text-align: left;font-size: 0.80rem;}
.RecordPanel .RecordDownloadSpace .DownloadDBlend, .toolbox {background: #fff; border-color: #6D6D6D;}
.ArchiveResourceTitle, .ResourcePendingSubmissionTitle, .ResourcePendingReviewTitle {color: #888;}
.DeletedResourceTitle {color: #FF0000;}
.RecordStory{color: #000000;background: #FFFFFF; .Rec border-top : 1px solid #ddd;}
.RecordStory h1{color: #000000;}
.RecordStory a:hover{color: #000000;}
.RecordStory .highlight {color:black;}
.BasicsBox .HorizontalNav li {border-right:1px solid #B5C3D4;border-top-style: none;border-bottom-style: none;border-left-style: none;}
.ThemeBox {border-bottom: 1px solid #BBBBBB;}
.CategoryBox {border:1px solid rgba(0,0,0,0.25);background-color:#ffffff;color: black;font-weight: normal; border-radius: 4px;}
.MiniCategoryBox {box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);background-color:#ffffff;color: black;font-weight: normal; border-radius: 5px;}
.CategoryTree {border-top:1px solid #737373;border-left:1px solid #999999;border-bottom:1px solid #999999;border-right:1px solid #999999;background-color:white;color: black;font-weight: normal;}

/* Star Ratings */
.StarSelect {background: transparent url('../gfx/interface/RatingStarYellow.gif') no-repeat;}
.StarWhite {background: transparent url('../gfx/interface/RatingStarWhite.gif') no-repeat;}
.StarGrey {background: transparent url('../gfx/interface/RatingStarGrey.gif') no-repeat;}
.StarEmpty {background: transparent url('../gfx/interface/RatingStarGrey.gif') no-repeat;}
.StarCurrent {background: transparent url('../gfx/interface/RatingStarRed.gif') no-repeat;}
.IconUserRatingStar {background: url(../gfx/interface/RatingStarRed.gif) no-repeat;}
.IconUserRatingSpace {background: url(../gfx/interface/RatingStarBlank.gif) no-repeat;}
.RatingStars a:hover {text-decoration:none;}
#RatingStarLink0 {color: #888;}

.Listview .ListViewSubTable,.Listview .ListViewSubTable td,.Listview .ListViewSubTable tr {background-image: none;}
.Listview {background-color: white;}
.Tab a {padding: 8px 1rem;background: rgba(255, 255, 255, 0.4);}
.TabBar { background-color: #ededed; }
#BasicsBoxTabs > .TabBar { background-color: #f2f2f2;} /* On Edit page w/ $tabs_on_edit  */
.StyledTabbedPanel {background: #fff;}
.TabSelected {border-left: #bbbbbb;}
.TabSelected a {background: #ffffff; color: #666666; border-bottom: 1px solid #ffffff; }
.InfoTable {border-collapse:collapse;border-radius: 4px;}
.InfoTable {background: #fff;}
.InfoTable tr+tr>td {border-top:1px solid #ddd;}
.InfoTable td+td {border-left:1px solid #BBBBBB;}
#InfoBoxInner {color:black;}
#InfoBoxInner h2 {color:black;font-weight:bold;}
#InfoBoxInner p {color:black;}
#InfoBoxCollectionInner {color:black;}
#InfoBoxCollectionInner h2 {color:black;}
#InfoBoxCollectionInner p {color:black;}
.NewFlag { background-color: #fff; color: #737373; text-shadow: none;}

/* Single file upload progress bar */
.meter-value {background-color: #BBBBBB;}
.meter-wrap{border:1px solid #BBBBBB;}

.Terms{color:#000;border: 1px solid #ccc;background: #fff;}
.ui-layout-toggler-open-hover{background-color:rgba(255,255,255,0.3);}

.proptitle{color: #FFFFFF;background: rgb(119,119,119);}
.propbox{color: #000000;background: #FFFFFF;}
.propbox a:link {color: rgb(115,115,115); background: none;}
.propbox a:visited {color: rgb(115,115,115); background: none;}
.propbox a:hover {color: #000000; background: none;}
.propbox a:active {color: #000000; background: none;}
.permissionstable tr td.permheader{color: #000000;background: rgb(221,221,221)}
.permissionstable tbody{color: #000000;}
.CodeMirror-wrapping{color: #000000;background: #FFFFFF;}

.CommentBody { color: #000000}
.TaggingHint {background-color: white; border-bottom: 1px solid rgba(0,0,0,0.25); border-left: 1px solid rgba(0,0,0,0.25); border-right: 1px solid rgba(0,0,0,0.25);}
.TaggingHint:hover {background-color:#EEE;text-decoration:none;color:black;}

/* Dash Tiles */
#dash_tile_bin.ui-state-hover {
    background:#000;
    background:rgba(0, 0, 0, 0.55);
    border:#2f2f2f 1px solid;
    color:#d7d7d7;
}
#dash_tile_bin.ui-state-active {
    background: rgba(114, 22, 37, 0.51);
    border: 1px solid #d0d0d0;
}
.dash_tile_bin_text {color: #fff;}

/* HomePanel light glass blue */
.HomePanel h2.title {
    background: rgba(202, 222, 249, 0.95) !important;
    color: #1e293b !important;             
    padding: 12px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.HomePanel .HomePanelDynamicDash h2 {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
    text-shadow: none !important;                     
    color: #1e293b !important;
    padding: 12px 20px;
    margin-bottom: 16px;
    box-shadow: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
}

.HomePanelDynamicDash p.tile_corner_box {
    background: rgba(202, 222, 249, 0.95) !important;  
    border-top-left-radius: 12px;                     
    color: #1e293b !important;                        
    padding: 8px 12px;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


/* Delete Dialog */
.delete-dialog .ui-dialog-titlebar, .ui-dialog-titlebar{
    background: white;
    border: #878787;
    color: #3A3A3A;
}
.delete-dialog .ui-state-default .ui-button-text, .ui-state-default .ui-button-text{color: #000000;background-color: #FFF;}
.delete-dialog .ui-state-default.ui-state-hover .ui-button-text, .ui-state-default.ui-state-hover .ui-button-text {color: #FFF;background-color: #3A3A3A;}
.delete-dialog .ui-state-default.ui-state-focus, .ui-state-default.ui-state-focus {border:solid 1px #878787;}
.delete-dialog .ui-state-default.ui-state-hover, .ui-state-default.ui-state-hover {border:solid 1px #878787;}

/* Trash Bin */
#trash_bin.ui-state-hover {
    border: #2f2f2f 1px solid;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}
#trash_bin.ui-state-active, .ui-state-active {border: 1px solid #d0d0d0;background: rgba(114, 22, 37, 0.51);}
.trash_bin_text {color: #fff;}
.ui-draggable-dragging {border: 2px solid; transition: none;}

/* Modal */
#modal_overlay {
    background: rgba(0, 0, 0, 0.6);                       /* Preto sutil (era full #000) */
}

/* Modal glass CINZENTO CLARO (App Style + Zero Azul) */
#modal {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    color: #111827;
    border: 1px solid rgba(0, 0, 0, 0.12);                /* Borda preta sutil */
    border-radius: 24px;                                  /* Curva maior */
    box-shadow: 
        0 25px 70px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}



#modal .RecordHeader, #modal .BasicsBox h1, #modal .TopInpageNav {
    background: none;
    color: #999;
}
#modal .RecordHeader h1, #modal .BasicsBox h1 {
    color: #333;
}

#CollectionDiv select {
    background-color: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
    color:#fff;
    border:none;
    height: 26px;
    padding-left: 5px;
    min-height: 20px;
}

/* Messaging */
span.Pill {
    color: white;
    background: #e41e3f;
}
div.MessageBox {
    border: 1px solid darkgray;
    background: rgba(220,220,220,0.9);
}
div.MessageBox a {
    color: inherit !important;
}

/* Login box - Light moderno (branco puro + neutral, zero azul) */
#login_box {
    background: rgba(255, 255, 255, 0.98) !important;
}

#login_box .Question {
    border-bottom-color: rgba(243, 244, 246, 0.8) !important;  /* Gray-100 */
}

#login_box, #login_box h1, #login_box a {
    color: #1f2937 !important;  /* Gray-800 neutral */
}

#login_box h1 {
    color: #111827 !important;  /* Gray-900 bold zero azul */
}

#login_box .Question input[type=text],
#login_box .Question input[type=password],
#login_box textarea {
    background-color: rgba(255, 255, 255, 0.95) !important;
    color: #1f2937 !important;
    border-color: #f3f4f6 !important;  /* Pure gray-100 */
}

#findtext input[type=text] {
    background-color: rgba(255, 255, 255, 0.95) !important;
    color: #1f2937 !important;
    border-color: #f3f4f6 !important;  /* Pure gray-100 */
}



/* Highlighting required fields in certain plugins */
.highlighted {border: 3px solid #F00 !important;}

#previewimage, #previewimagecopy, #contact-sheet--previewimage {box-shadow: 0 2px 6px rgba(0,0,0,0.2 );}

/* chosen collection div */
#CollectionDiv #MinColDrop .chosen-single:hover, #CollectionDiv #colselect .chosen-single:hover {color:#444;}
#CollectionDiv .ActionsContainer .chosen-single:hover {color:#999;}

.FeaturedSimpleTile {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                       
    ) !important;
    color: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}
.FeaturedSimpleTile:hover {
    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3);
}
.FeaturedSimpleTile .top-right-menu:hover,
.SearchBreadcrumbs .top-right-menu:hover {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                       
    ) !important;
    color: #1e293b !important; 
    border-radius: 8px;         
    /*transform: scale(1.05);    
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);*/
}
.FeaturedSimpleLinks .context-menu-container {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
    color: #474747;
    box-shadow: 0 1px 5px 3px rgba(0, 0, 0, 0.1);
}
.context-menu-row:hover {
    background: rgba(202, 222, 249, 0.95) !important;  /* Blue tint subtle */
    border-radius: 8px;
    transform: translateX(4px);
    transition: all 0.2s ease;
}


/* Highlight selected keywords */
input:checked + .customFieldLabel, .keywordselected {
    background-color: #2e99e6;
    color: #fff;
}

#ProcessingBox{
    background-color:white;
    color:black;
}

.ReportSheet {background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); color: black;}
.ReportSheet  h2 {color:black;}
.ReportSheet  p {color:black;}
.ReportSummary {background-color:white;color:black;border-collapse:collapse;}
.ReportSummary td {border:1px solid #888;color:black;}
.ReportMetric {color:black;}
.SearchBreadcrumbs > span {color: #6a6a6a;}
.BreadcrumbsBox a, .BreadcrumbsBox a:link, .BreadcrumbsBox a:visited { color: #474747; }
.BreadcrumbsBoxTheme {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
    margin: 0 16px 12px 16px;  
    padding: 8px 12px;       
    color: #1e293b;            
    border-radius: 12px;      
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);  
}

.BreadcrumbsBoxTheme.BreadcrumbsBox a,
.BreadcrumbsBoxTheme.BreadcrumbsBox a:link,
.BreadcrumbsBoxTheme.BreadcrumbsBox a:visited {color: white;}
.TopInpageNav select {
    background-color: #fff;
}

.keywordselected a:visited, .keywordselected a:link {
    color: #fff;
}

#Header #ssearchbox:focus {
    background-color: #fff;
}

/* Highlight number of returned search results */
#SearchResultFound .Selected {
    font-weight: bold;
}

/* Browse bar */
#BrowseBar a {color: #fff;}
.BrowseBarText {color: #fff;}
.BrowseBarItem.ui-droppable-hover a .BrowseBarLink{border: 2px solid #FFF;}

/* Firefox on macOS optgroup background styling fix */
@supports (-moz-osx-font-smoothing: auto) {
    #CollectionDiv select optgroup {
        color: initial;
    }
    #CollectionDiv select optgroup option {
        color: #fff;
    }
}

/* Scrollbar styling */
::-webkit-scrollbar:vertical {width:12px;}
::-webkit-scrollbar:horizontal {height:12px;}
::-webkit-scrollbar,::-webkit-scrollbar-corner {background:none;}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3);border-radius: 6px;}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.35);border-radius: 6px;}
::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4);border-radius: 6px;}

/* Featured Tiles (slate-gray tint FIXO) */
.FeaturedSimpleTile {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.FeaturedSimpleTile .FeaturedSimpleTileContents h2 {
    background-color: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
    padding-bottom: 5px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #111827;                                       /* Preto neutral FIXO (slate-900) */
    transition: color 0.2s ease;
}

.FeaturedSimpleTile:hover .FeaturedSimpleTileContents h2 {
    color: #000000;                                       /* Preto puro hover */
}

.FeaturedSimpleTile:hover .FeaturedSimpleTileContents {
    background-color: rgba(241, 245, 249, 0.95);         /* Cinzento médio hover (#f1f5f9) */
}

.FeaturedSimpleTile .FeaturedSimpleTileContents .FeaturedSimpleTileText h2 {
    /*background-color: rgba(241, 245, 249, 0.95);*/        /* Cinzento médio FIXO (#f1f5f9) */
    color: #475569;                                       /* Cinzento slate-600 FIXO */
}





.SelectionCollectionLink, .SelectionCollectionLink:link, .SelectionCollectionLink:visited, .MessageBox { color: #474747; }
.ClearSelectedButton { background-color: #a11515; }
.ClearSelectedButton:hover { background-color: #860d0d; }

.codecomment
    {
    color:#090;
    }
.codeexample
    {
    background-color:white;
    color:black;
    }
.codeoutput
    {
    background-color:black;color:white;border-left:10px solid #666;
    }

.currenteditmulti {background-color: #8a8d8f !important;}

.SearchBarTab.SearchBarTabSelected {
    background: rgb(255 255 255 / 14%);
}

.SearchBarTab:hover {
    background: rgba(255, 255, 255, 10%);
}

#HomeSiteText h1,#HomeSiteText p {color:#fff;}

/* Botões ALTERADOS (Cinza/Branco Glass - Enquadrado App) */
button, 
input[type=submit], 
input[type=button], 
.RecordPanel .RecordDownloadSpace .DownloadDBlend a, 
.UploadButton a {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 */
        #dedddd 100%                                       /* Cinzento claro app */
    ) !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #111827 !important;                            /* Texto preto */
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);           /* Shadow suave glass */
    text-decoration: none;
    display: inline-block;

}

button:hover, 
input[type=submit]:hover, 
input[type=button]:hover, 
.RecordPanel .RecordDownloadSpace .DownloadDBlend a:hover, 
.UploadButton a:hover {
    background: linear-gradient(135deg, 
        #f1f5f9 0%,                                        /* Escurece sutil */
        #d1d5db 100%
    ) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}

button:active, 
input[type=submit]:active, 
input[type=button]:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Primário/Destructivo Override (se class) */
button.primary {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    color: #ffffff !important;
    border: none;
}

button.primary:hover {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
}


.RecordPanel .RecordDownloadSpace .DownloadDBlend .MissingFile a {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

.emailinvalid {
    background-color: red;
}

select, .sp-replacer {
    background-color: #fff;
}

select:before {
    color: #2e99e6;
}

input:focus, textarea:focus, select:focus, .RecordPanel .RecordDownloadSpace .DownloadDBlend a:focus {
    box-shadow: 0 0 6px hsla(205, 79%, 54%, 0.5);
}

.ListViewBulkActions .DisabledLink:hover {color: #666666;}

.QuestionSubmit.QuestionSticky {
    background-color: #f2f2f2;
    border-top: 1px solid #c1c1c1;
    box-shadow: 0 -12px 15px -12px #bbbbbb;
}
.Question #capswarning {color: red;}

.RecordPanel .RecordDownloadSpace .DownloadDBlend .AltThumbLink,
.RecordPanel .RecordDownloadSpace .DownloadDBlend .AltThumbLink:hover,
.RecordPanel .RecordDownloadSpace .DownloadDBlend .AltThumbLink:active  {
    background-color: white;
    box-shadow: unset;
}

.RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {color: #767676;}

.uppy-StatusBar-actionBtn,
.uppy-Dashboard-browse,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover,
.uppy-DashboardContent-back, .uppy-DashboardContent-back:focus,
.uppy-DashboardContent-addMore, .uppy-DashboardContent-addMore:focus {
    background-color: #1988d7;
    color: #fff;
}
.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
    border: 1px solid transparent;
}
.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-addMore:hover {
    color: #fff;
}

.uppy-Dashboard-Item-action--remove {
    border: unset;
    box-shadow: unset;
    background-color: unset;
}

.uppy-Dashboard-Item-previewInnerWrap {
    background-color: #f2f2f2 !important;
}

.uppy-ProviderBrowserItem-inner {
    color: #000;
    background-color: #F0F0F0;
}

.CollapsibleSectionHead:hover
    {
    color: #757575;
    }

.CommentFlagged i {color: #F44336;}

.comment_form_container{background-color: white; border: 1px solid lightgray;}
.icondisplay
    {
    background-color: white;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / 10%);
    }

.update_result_order_button {
    background-color: white;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / 10%);
}

.search-icon,
.search-icon:hover,
.search-icon:active {
    color: #0299d8;
    background-color: #e8edf1;
}

/* DashTileActions (light blue glass) */
.DashTileActions {
    color: #1e293b !important;  
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                     
        #dedddd 100%                                       
    ) !important;
    box-shadow: 
        0 4px 12px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.DashTileActions a:hover,
.DashTileActions button:hover {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                      
        #dedddd 100%                                      
    ) !important;
    transform: translateY(-1px);
    transition: all 0.2s ease;
}


.tool.edit a {
    color: #475569 !important;      
}

.tool[class*="dash-delete"] a {
    color: #ef4444 !important;  
}



#modal .BasicsBox .HelpHeader a { color: #999; }
.FeaturedSimpleTileActions {
    color: #fff;
    background: #000;
}

.FeaturedSimpleTile.FullWidth .FeaturedSimpleTileContents h2 span[data-tag="resources_count"] { background-color: #646B60; }

.FeaturedCallToActionTile.FullWidth .FeaturedSimpleTileContents { background-color: rgb(233, 244, 255, 0.48); }
#login_box textarea {
    background-color: #9a9a9ad9;
    color: white;
}

#login_box .FormError {
    color: white;
    background-color: #ff000030;
    border: 2px solid red;
}

.ImageTools
    {
    background-color:black;
    }

#PreviewToolsOptionsWrapper {
    background: rgba(0, 0, 0, 0.65);
    color: #FFF;
}

.ToolsOptionLink:link, .ToolsOptionLink:visited {
    color: #FFF;
}

.ToolsOptionLink:hover {
    color: #79BC41;
}

.ToolsOptionLink.Enabled {
    color: #79BC41;
}

a.Enabled, a:visited.Enabled {
    color: #79BC41;
}

#Metadata {
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                 
    ) !important;
}

#OverFlowLinks {
    background-color: rgba(0, 0, 0, 0.6);
}

#Header #ssearchbox {
    background-color: rgba(255, 255, 255, 0.9);
}
.MultiRTypeSelect {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.25);
}
.Question.QuestionStickyRight {
    background-color: #f2f2f2;
    border-left: 1px solid #c1c1c1;
    box-shadow: -12px 0px 15px -12px #bbbbbb;
}

.user_message_text {
    background: #fff;
    color: #000000;
    border: 1px solid lightgray;
    }

#iconpicker-button {
    background-color: white;
    border: 1px solid rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 3px 0px rgb(0 0 0 / 10%);
}

.iconpicker-content-icon:hover {background-color: #0000001f;}

.BasicsBox.SearchSticky {
    background-color: linear-gradient(135deg, #4b5563 0%, #374151 100%) !important;
    border-radius: 16px 16px 12px 12px;  
    border-bottom: none;  
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.08),  
        0 1px 3px rgba(0, 0, 0, 0.1); 
    margin: 0 16px 12px;  
}

/* Skip to main content hidden button */
.skip-to-main-content {
    background-color: white;
}

.jstree-default-dark .jstree-anchor {
    color: #666666;
}

.jstree-default-dark .jstree-hovered,
.jstree-default-dark>.jstree-wholerow-ul .jstree-clicked {
    color: white;
}

.SearchBarTab {
    color: white;
}

button, input[type=submit], input[type=button], .RecordPanel .RecordDownloadSpace .DownloadDBlend a, .UploadButton a {
    border: 1px solid transparent;
    color: #fff;
}

input[type="submit"]:disabled {
    color: #666666;
    background: white;
    box-shadow: unset;
}

.ToolsOptionLink:link, .ToolsOptionLink:visited {
    color: #FFF;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="date"], textarea, select, .sp-replacer {
    border: 1px solid rgba(0,0,0,0.25);
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1);
 }

 select, .sp-replacer {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
}

a.HomePanel:hover {
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}

.FeaturedSimpleTileImage img.TileGroupImageBase {box-shadow: 0 0 25px #000; }

#login_box {
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.25);
}

.ImageStrip:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}

#preview, #wmpreview {
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

#iconpicker-container {
    width: 418px;
    height: 285px;
    left: 318px;
    background: white;
    border-radius: 6px;
    position: absolute;
    display: none;
    box-shadow: 0px 3px 5px 1px #0000004a;
    margin-top: 5px;
}
.jstree-default-dark .jstree-wholerow-hovered {
    background: gray;
}
.jstree-default-dark .jstree-wholerow-clicked {
    background: #737373;
}
.CommentEntry { border: 1px solid lightgray; background: white;}

.BrowseBarRoot {
    background: rgba(255, 255, 255, 0.1);
}

#iconpicker-container {
    background: white;
    border: 1px solid rgba(0,0,0,0.25);
}

#SearchBarTabsContainer {
    background:linear-gradient(135deg, 
        #f8fafc 0%,                                        
        #dedddd 100%                                       
    ) !important;
}

.MiniCategoryBox {border: 1px solid rgba(0,0,0,0.25);}

/* Custom styling for jQuery UI dialogs */

/* jQuery UI Dialog com BG GRADIENT CINZENTO APP */
.ui-widget-content {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.ui-dialog {
    max-width: 450px !important;
    width: 90vw;
    margin: 2rem auto !important;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.25);
    background: linear-gradient(135deg, 
        #f8fafc 0%,                                        /* Slate-50 super claro */
        #dedddd 100%                                       /* Slate-100 muito claro */
    ) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.ui-dialog .ui-dialog-titlebar {
    padding: 24px 28px 16px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.ui-dialog .ui-dialog-title {
    background: none !important;
    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 600;
    margin: 0 !important;
    text-align: center;
    letter-spacing: -0.025em;
}

.ui-dialog .ui-dialog-content {
    padding: 0 28px 24px !important;
    color: #374151;
    font-size: 16px;
    line-height: 1.5;
    background: inherit;                                  /* Herda gradient */
}

.ui-dialog .ui-dialog-buttonpane {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    padding: 20px 28px 28px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: linear-gradient(135deg, 
        #f8fafc 0%, 
        #dedddd 100%
    ) !important;
    margin: 0 !important;
}

/* Secundário (Cancelar) */
.ui-dialog .ui-dialog-buttonpane .ui-button-secondary,
.ui-dialog .ui-dialog-buttonpane button:not(.destructive) {
    background: linear-gradient(135deg, 
        rgba(248, 250, 252, 0.9) 0%, 
        rgba(222, 221, 221, 0.9) 100%
    ) !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #6b7280 !important;
    border-radius: 10px;
    padding: 12px 24px !important;
    font-weight: 500;
    transition: all 0.2s ease;
    min-width: 100px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-secondary:hover,
.ui-dialog .ui-dialog-buttonpane button:not(.destructive):hover {
    background: linear-gradient(135deg, 
        rgba(243, 244, 246, 0.9) 0%, 
        rgba(209, 213, 219, 0.9) 100%
    ) !important;
    color: #374151 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Primário DESTRUCTIVE (Cinza escuro) */
.ui-dialog .ui-dialog-buttonpane button.destructive,
.ui-dialog .ui-dialog-buttonpane .ui-button-primary {
    background: linear-gradient(135deg, 
        #6b7280 0%, #4b5563 100%) !important;
    border: none;
    color: white !important;
    border-radius: 10px;
    padding: 12px 32px !important;
    font-weight: 600;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(75, 85, 99, 0.3);
    flex-grow: 1;
    max-width: 280px;
    white-space: normal;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button.destructive:hover,
.ui-dialog .ui-dialog-buttonpane .ui-button-primary:hover {
    background: linear-gradient(135deg, 
        #4b5563 0%, #374151 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(75, 85, 99, 0.4);
}



.ui-button, .ui-button:active {
    border: 1px solid #c5c5c5;
}

.PluginDisplay {
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border: 3px solid rgba(255, 255, 255, 0);
}

.PluginDisplay .Pill {
    background-color: #1679c0;
}

.tickbox:not(:checked) + label {
    opacity: 0.5; /* Makes it look disabled */
}

/* Quick message modal */
.messages-modal {
    background: white;
}

.message-body {
    background-color: white;
}

.messages-modal h1 {
    color: #333;
}

.message:hover {
    background: #f3f3f3;
}

.message-username {
    color: black;
}

.message-text {
    color: gray;
}

.message-divider {
    background: #e7e7e7;
}

.message-full-text a {
    color: #222222;
}

div.SaveError > input {
    border-color: red;
    background-color: #edceca;
}

/* job details log viewer */

#job-details-log {
    background: #111;
    color: #ddd;
    scrollbar-color: white #000;
}

#job-details-log::-webkit-scrollbar-track {
  background: #000;
}

#job-details-log::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 6px;
  border: 2px solid #000;
}

#job-details-log > .error { color: #f66; }
#job-details-log > .progress { color: rgba(98, 178, 243, 1); }
#job-details-log > .info { color: #6f6; }

.job-configure-error { color: red; }