Better Look by marcfitt

/* ==UserStyle==
@name         Coda Look
@version      20241208.19.21
@namespace    https://userstyles.world/user/marcfitt
@description  For coda.io
@author       marcfitt
@license      No License
==/UserStyle== */

@-moz-document domain("coda.io") {
/* ------------- Coda CSS  ------------- */
/*------------- Hidding Top Left Navigation Coda Folder -------------*/
.g6C2ZOk3.g6C2ZOk3, .k1ppcOfl {
display: none; 

}
.bKbzhsP8 {
Height: 10px; 
}

/* ------------- Padding Canvas ------------- */
.h6mPtr8A._1DFYY4hB {
	padding-top: 25px;
}
._1iNx5MR2 {
	right: 100px;
}

/* ------------- Formula editor ------------- */
._2Gu0D-MG {
	min-height: 100px;
}
/* ------------- Expanded Formula editor ------------- */


/* -- Pop up formula Width Editor --- */

.Ygz_2Q5E {
    overflow: hidden;
/* position: absolute;*/
/* margin-right: 100px;*/
    width: 35%;
    min-width: 700px;
	right: 0;

}

.e7I7gWKv {
    overflow: auto;
    max-height: 45px;
}

._8WIrNkea {
	margin: 2px;
	border-radius: 8px;
}
.WUhLaRDb {
	background-color: #ffae00;
	border: solid 1px #ffae00;
}
.Ukirx3_Q {

	max-width: 70%;
	overflow: hidden;
	position: absolute;
	min-width: 30%;
}
.a43UaAJ0 {
	border-radius: 12px;
	box-shadow: 0 0 8px rgba(0, 0, 0, var(--opacity-shadow-normal, .15));
	max-height: 100%;
}

/*Button Config modal width too narrow fix*/
.t5YZ5TJG:not(.gEPT8AER) {
	width: 500px;
}
/*  Button set values column width*/
.uAF4WnbJ .wewxLj3D{
	min-width: 150px;
	
}

.NuGDRbGd.n2v5eeHz>.kr-line, .NuGDRbGd.osfcbiun>.kr-line{
	white-space: normal;
}

.E7TfoPJc {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;


}
/*Set height of the fiel in column value*/
.uAF4WnbJ .wewxLj3D {
    width: 110px;
    height: 100%;
}

/*Bottom part of Formula editor */
/*Background formula editor part (usually transparent) */
.idVQWQbU {
	background-color: white;
}

.h8KDLTMl {
	flex-shrink: 0;
	max-height: 300px;
	padding: 8px 15px;
}


/* Bottom Formula Editor - Min height option of values*/
.exB_acx6.AdMxgQxw {
  /*  height: 240px;*/
    min-height: 350px;
	max-height:20%;
	
}

/*Background prediction of choice column formula*/

.OtgF7Py4 {
	max-height: 500px;
}

.UKpoc6vL {
  background-color: rgb(var(--neutral100-rgb,250,250,250));
    z-index: 900;

}

/*Remove red waves syntax error formula*/

.QXCpFpjw,.kr-span,.cpzpTZQH,.bVowzSGF{
	background-image: none;
}
/*Button field width*/
.gXdDZ0lJ .gEu1N86u {
width:170px;
	
}
/* ------------- MODAL Updated on 2023-08-02 ------------- */

/* Modal Width 2023-08-02 */
.F1qJC1Ng{
	min-width: 95%;
	
}



/* Canva Column 
.U6k83TfH{
background-color: white;
	margin: -5px 24px 15px 24px;
	padding: 10px;
   	border: 2px solid transparent;
	border-radius: 8px;
}*/
/* comment bar canva column
.NAYihQ9J {
    margin-bottom: -24px;
	margin-top: -24px;

	
}*/
/*Modal default view 1 field colour and shape*/
.LUQ1CfnC {
	min-height: 36px;
	padding: 5px;
	/*    background-color: rgb(var(--neutral150-rgb,245,245,245));*/
	border: none;
	outline: 2px solid transparent;
}

.LUQ1CfnC.IrKpFWsM {
	border: none;
	background-color: transparent;
	outline: 2px solid rgb(11 157 235 / 40%);
}
.LUQ1CfnC.neoZfBgn:hover {
	border: none;
}
.LUQ1CfnC.Il95BT9m {
	padding: 5px;
	border: none;
}


/*summary line background colour */
.XN0dHdcp {
	background: #f9f9f9;
}
/* Dark-mode summary line background colour */
.kr-loading.kr-dark-mode .XN0dHdcp 	{
	background: #2c2c2c;
}
/*Frozen Column summary line*/
.y2ZLkKiS {
    background: #f9f9f9;
}
/* Dark-mode summary line background colour */
.kr-loading.kr-dark-mode .y2ZLkKiS 	{
	background: #2c2c2c;
}

._2tfZME2A {
	min-height: 20px;
}
.DcuNm8Vd {
	display: none;
}

.X6hLFC95 {
	height: 80%;
	width: 30%;
}


.Kwaseza5.vXc9YNjm {

	min-height: 200px;
	max-width: 700px;
}

.ZSZly8gO {
	min-height: 500px;
}
._nrzCB0G.U7h4O0P0 {
	max-height: 300px;
}
.o_CaMFcl:not(.m5vUw01O) {
	width: 600px;
}
.PpQlEETT {
	margin-top: 10px
}
/*Arrow update*/
.uT29nyz1:before {
    content: "";
    border: solid #a8a8a8;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(318deg);
}
/*Fix sub-items arrow style*/
.uL6SZqnU:before {
    content: "";
	    border: solid #a8a8a8;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(318deg);
}
/*Small Modal formula background*/
.w0lFuA7_.u8qtGLHQ {
    min-height: 200px;
}
/*Modal formula background*/
.nPcK_h_U {
 
    background: rgb(31 35 43 / 36%);

}

/*Margin canva header*/
._nUK1BOg {
    margin-bottom: 10px;
}

.Wxyfv1Ol {
	padding-top:10px;
	margin-bottom:0px;
	min-height:30px;
}

/*Top sticky bar when scrolling (had a gap so changed the top sizing to 0*/
.zr9m4nce {
    position: sticky;
    top: calc(var(--grid-scroll-padding-top, 0) - 1px);
	z-index: 89;


}

/*Search padding*/
.WrSsf9fZ{
padding: 5px 0 4px;

}

.YxACrcY6 {
    box-shadow: 0 1px 8px rgb(0 0 0 / var(--opacity-shadow-light, 9%));
    display: flex;
    flex-direction: row;
    height: 90vh;
    max-height: 1800px;
    max-width: 90%;
    min-width: 700px;
    width: 100%;
}
}

@-moz-document url-prefix("https://www.klaviyo.com/") {
.knwhRb > *{
min-width:150px;
}


.iPtnaZ {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: rgb(48, 59, 67);
    font-family: proxima-nova, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow: unset;
}
}

@-moz-document domain("drive.google.com") {
/* ------------- GDrive CSS  ------------- */
.s55KNe .iZmuQc {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

.s55KNe .jmyfOb .Q5txwe {
	font-size:0.8rem;
    overflow: visible;
    padding-right: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: pre-wrap;
	max-height:90px;
    width: 100%;
}
/* --- Folder same height  --- */
.s55KNe .WYuW0e {
height: 100%;
}

/* --- Rename File Popup  --- */
.a-cg-k .lb-k-Kk {
    width: 30em;
}


/*With folder breadcrumb*/
.a-l-Ba .o-Yc-o .h-R-w-d-ff, .a-l-Ba .o-Yc-o .o-Yc-o-T{
max-width:30%;
min-width: 100%;


}
}

@-moz-document domain("intuit.com") {
/*QBO CSS*/
.universal .messagesAndAmounts .memoText {
    min-width: 800px;
    min-height: 300px;
    resize: both;

    
}
.integrations-datain-ui .add-overlay .qfComboBox {
width: 475px;
}
/*Bank Feed tab bigger font amount*/ 
.integrations-datain-ui .owner-mode-grid .acct-mode-table .idsTable .pull-right {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
}
/*Memo font size*/
textarea.memoText {
    font-size: 14px;
}

/* Report New view width and look*/
.iNiMty {
    position: relative;
    overflow: hidden;
    transition: margin 0.3s ease-in-out 0s;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 40px);
    width: fit-content;
    margin: 8px auto auto;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px 0px;
    background: white;
    min-width: 90%;
}
/*Wrap text in report*/
.dXBwyN{
	
	white-space: pre-line;
}
/* Color font bill */
.dgrid.dgrid-03 .dgrid-content{
	color: black;
	font-weight:400;
	font-size:12px;
	
}
.dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-cell{
border-left: 1px dotted #c7c7c7;
    border-left: solid #c7c7c7 1px;
}


/*.dgrid.dgrid-03 .dgrid-cell{
	white-space:unset;
}*/
.accountColumn {
    font-weight: 500;
    font-size: 15px;
    text-wrap: wrap;
    height: 35px;
    margin: 0;
    border-radius: 8px;
    padding: 5px;
	color: #000!important;
	opacity: 1!important;

    /* color: white; */
}

/*TRANSACTIONS ACCOUNT COLUMN HEIGHT TO SEE FULL ACCOUNT NAME*/
.accountColumn{
	height:100%;
}
/* Fix Subtotal bill payment going on top of clear payment button*/
.universal .messagesAndAmounts .amounts .tableCell, .universal .messagesAndAmounts .totalQuantity .tableCell{
	
	padding-top:30px;
}



}

@-moz-document domain("reamaze.com") {
/*Reamaze CSS*/
/*General Style*/
#content h1 {
	color: #000;
}

a {
	color: #0072EA;
}
#content .conversation .app-flex-content-content .main-content .conversation-meta {
	font-size: 16px;
}
#content .conversation .app-flex-content-content .main-content .edit-subject-row.pull-right {
	font-size: 16px;
}
#content .conversation .app-flex-content-content .main-content {
	padding: 0px;
}

#conversations li a {
	color: #0072ea;
	font-size: larger;
}

a:hover {

	color: #0067d2;
}

.tui-editor-contents a {
	color: #0072EA;
}

/* Headers*/
#content .content-header {
	background-color: #050505;
}


#content .subnav.subnav-flex .flex-primary-nav #logo {
	display: block;
	background-image: url(https://cdn.shopify.com/s/files/1/0237/0025/files/shied_logo_white.svg?v=1542481800);
	height: 40px;
	width: 40px;
	margin: auto;
	background-repeat: no-repeat;
	max-width: 100%;
}




#content .subnav.subnav-flex .flex-primary-nav #logo img {
	display: none;
}

.nav-pane {
	background-color: #050505;
}

.menu-pane {



	background: #1b1b1b;
	color: black;
}

.btn{
	box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
	border: 1px solid rgba(0,0,0,0.2);
}

.btn-standard-primary {

	background-color: #0072EA;
}
.btn-primary{
	background-color: #0072EA;
	background-image:none!important;
}
button.btn.btn-primary{
	background-image: none;
	background-color: #0072EA;
	
}
a.btn.btn-primary.anim-btn.anim-btn-shadow {
    background-color: #0072EA;
}
.btn-primary:hover {

	background-color: #0066d2 !important;
}
.btn-standard-primary:hover {

	background-color: #0066d2 !important;
}


#content .subnav .btn-group {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 5px 0;
}



#content .subnav .btn-standard-primary {
	border-radius: 3px;
}

.btn-group > .btn + .btn {
	margin-left: 5px;
}



#content #nav ul li a.selected i.icon {



	color: #0072EA;
}

#content #nav ul li a {
	color: #c6c6c6;
	background: transparent;
}



#content #menu ul li .count {
	background-color: #0072EA;
}



content #menu ul li {
	margin-right: -24px;
	margin-left...