default-list{
    @apply size-full block;
}

default-view{
    @apply size-full block;
}

tabs{
    @apply size-full;
}
tab{
    @apply overflow-hidden;
}

.wrapper{
	@apply flex flex-col h-full;
	ion-breadcrumbs{
		@apply flex-shrink-0 my-1
	}
	& > ion-card{
		@apply grow flex-1 flex flex-col m-0 shadow-none rounded-none border-x-0 border-b-0 rounded-t-2xl;
		& > ion-card-header{
			@apply shrink-0 p-3;
		}
		& > ion-card-content{
			@apply px-3 h-full grow p-3 pt-0 flex flex-col overflow-hidden;
		}
	}
}

image{
	@apply max-h-full max-w-full flex items-center justify-center;
}

//[ Taiwlind Extension ]
.rounded-none{
    --border-radius: 0rem;
}
.\!rounded-none{
    --border-radius: 0rem !important;
}
.bg-transparent{
    --background: transparent
}
.\!bg-transparent{
    --background: transparent !important
}

tabs{
	@apply block;
}

input-bool, 
input-date,
input-datetime,
input-time,
input-decimal,
input-number,
input-currency,
input-percentage,
input-file,
input-select,  
// input-color,
input-string,
input-textarea {
  display: block;
	@apply box-border;
}

app-input-bool, 
app-input-date,
app-input-datetime,
app-input-time,
app-input-decimal,
app-input-number,
app-input-currency,
app-input-percentage,
app-input-file,
app-input-select,  
// input-color,
input-string,
input-textarea {
	@apply box-border;
	display: block;
}

sion-card{
	@apply box-border;
	display: block;
}